@charset "UTF-8";
/*
Theme Name: THEME NAME
Theme URI: http://www.kumagaiatsushi.com/
Author: Atsushi KUMAGAI
Author URI: http://www.kumagaiatsushi.com/
Description: THEME FOR THEME NAME
Version: 1.0.0
*/
:root {
  --color-white: rgb(255, 255, 255);
  --color-black: rgb(0, 0, 0);
  --color-figure: rgb(22, 24, 26);
  --color-body: rgb(255, 255, 255);
  --color-main: rgb(0, 64, 152);
  --color-sub: rgb(166, 25, 85);
  --color-true: rgb(0, 139, 80);
  --color-false: rgb(166, 25, 85);
  --color-new: rgb(255, 146, 43);
  --color-success: rgb(0, 139, 80);
  --color-info: rgb(0, 64, 152);
  --color-warning: rgb(255, 146, 43);
  --color-danger: rgb(166, 25, 85);
  --color-font: #16181a;
  --color-font-link: #004098;
  --color-font-link-hover: rgb(0, 51.2, 121.6);
  --color-border: rgb(229.37, 229.59, 229.81);
  --line-height-scale: 1.7;
  --line-height-scale--heading: 1.5;
  --color-figure-light--9: rgb(138.5, 139.5, 140.5);
  --color-figure-light--5: rgb(189.76, 190.32, 190.88);
  --color-figure-light--4: rgb(215.39, 215.73, 216.07);
  --color-figure-light--3: rgb(229.37, 229.59, 229.81);
  --color-figure-light--2: rgb(241.02, 241.14, 241.26);
  --color-figure-light--1: rgb(248.01, 248.07, 248.13);
  --grid-width: 3em;
  --padding-page-pickup: var(--margin);
  --padding-page-inline-thin--l: 1.05rem;
  --padding-page-inline-thin--r: 1.05rem;
  --padding-page-inline-thin: 1.05rem 1.05rem;
}

:root {
  --padding-page: 5.2rem 2.1rem 5.2rem 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding-page: 7.2rem 2.3rem 7.2rem 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding-page: 8.8rem 5.5rem 8.8rem 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding-page: 10.4rem 5.5rem 10.4rem 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --padding-page: 10.4rem 11rem 10.4rem 11rem;
  }
}

:root {
  --padding-page--block: 5.2rem 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding-page--block: 7.2rem 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding-page--block: 8.8rem 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding-page--block: 10.4rem 10.4rem;
  }
}

:root {
  --padding-page--inline: 2.1rem 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --padding-page--inline: 5.5rem 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --padding-page--inline: 11rem 11rem;
  }
}

:root {
  --padding-page--t: 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding-page--t: 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding-page--t: 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding-page--t: 10.4rem;
  }
}

:root {
  --padding-page--r: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --padding-page--r: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --padding-page--r: 11rem;
  }
}

:root {
  --padding-page--b: 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding-page--b: 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding-page--b: 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding-page--b: 10.4rem;
  }
}

:root {
  --padding-page--l: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --padding-page--l: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --padding-page--l: 11rem;
  }
}

:root {
  --padding--content-block--t: 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding--content-block--t: 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding--content-block--t: 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding--content-block--t: 10.4rem;
  }
}

:root {
  --padding--content-block--b: 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --padding--content-block--b: 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --padding--content-block--b: 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --padding--content-block--b: 10.4rem;
  }
}

:root {
  --width-content: 100%;
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --width-content: 90.8rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --width-content: 104rem;
  }
}

:root {
  --margin: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --margin: 1.8rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --margin: 2.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --margin: 2.6rem;
  }
}

:root {
  --margin-width: 2.6rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --margin-width: 4rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --margin-width: 5.2rem;
  }
}

:root {
  --margin-section: 2.6rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --margin-section: 3.6rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --margin-section: 4.4rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --margin-section: 5.2rem;
  }
}

:root {
  --margin-article: 5.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --margin-article: 7.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --margin-article: 8.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --margin-article: 10.4rem;
  }
}

:root {
  --font-size--xxs: 0.7rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--xxs: 0.7rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--xxs: 0.9rem;
  }
}

:root {
  --letter-spacing--xxs: 0;
}

:root {
  --font-size--xs: 0.9rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--xs: 0.9rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--xs: 1.1rem;
  }
}

:root {
  --letter-spacing--xs: 0;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --letter-spacing--xs: 0;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --letter-spacing--xs: 0.05em;
  }
}

:root {
  --font-size--sm: 1.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--sm: 1.1rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--sm: 1.3rem;
  }
}

:root {
  --letter-spacing--sm: 0.05em;
}

:root {
  --font-size--md: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--md: 1.3rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--md: 1.5rem;
  }
}

:root {
  --letter-spacing--md: 0.05em;
}

:root {
  --font-size--lg: 1.5rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--lg: 1.5rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--lg: 2.1rem;
  }
}

:root {
  --letter-spacing--lg: 0.05em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --letter-spacing--lg: 0.05em;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --letter-spacing--lg: 0em;
  }
}

:root {
  --font-size--xl: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--xl: 2.1rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--xl: 3.1rem;
  }
}

:root {
  --letter-spacing--xl: 0em;
}

:root {
  --font-size--xxl: 3.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --font-size--xxl: 3.1rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --font-size--xxl: 4.3rem;
  }
}

:root {
  --letter-spacing--xxl: 0em;
}

:root {
  --button-height: 4rem;
}

:root {
  --radius: 1.5rem;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --radius: 2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --radius: 2.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --radius: 3rem;
  }
}

:root {
  --radius--sm: 0.5em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --radius--sm: 0.75em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --radius--sm: 1em;
  }
}

:root {
  --radius--hero: 2lh;
}

/*! Reset - Base: Eric Mayer Reset v2.0 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
main,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
.m-header,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
.m-header {
  display: block;
}

time {
  display: inline;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::after, blockquote::before {
  content: "";
  content: none;
}

q::after, q::before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! Reset - Base: Eric Mayer Reset v2.0: END */
*,
*:after,
*:before {
  box-sizing: border-box;
}

html {
  --scrollbar-width: 15px;
}

body {
  -webkit-print-color-adjust: exact;
}

input::-ms-clear {
  visibility: hidden;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=password]::-ms-reveal {
  display: none;
}

input[type=range] {
  margin: 0;
  padding: 0;
}

svg:not(:root) {
  overflow: hidden;
}

video,
small,
textarea,
picture,
svg {
  display: block;
}

s, .s,
strike, .strike,
del, .del {
  text-decoration: line-through;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

button {
  background-color: transparent;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

a, button {
  outline: 0;
}

img, picture, object {
  display: block;
}

dialog {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: auto;
  max-height: unset;
  max-width: unset;
}
dialog::backdrop {
  background-color: transparent;
}

summary {
  display: block;
  list-style: none;
}

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

input::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block, .ib {
  display: inline-block !important;
}

.relative {
  position: relative;
}

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

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

@media print, screen and (max-width: 667px) {
  .mb-none--p {
    margin-bottom: 0 !important;
  }
}
@media print, screen and (max-width: 1018px) {
  .mb-none--p-t {
    margin-bottom: 0 !important;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .mb-none--t {
    margin-bottom: 0 !important;
  }
}
@media print, screen and (min-width: 667.02px) {
  .mb-none--t-d {
    margin-bottom: 0 !important;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .mb-none--d {
    margin-bottom: 0 !important;
  }
}
.mb-bit {
  margin-bottom: 0.1rem !important;
}

@media print, screen and (max-width: 667px) {
  .mb-bit--p {
    margin-bottom: 0.1rem !important;
  }
}
@media print, screen and (max-width: 1018px) {
  .mb-bit--p-t {
    margin-bottom: 0.1rem !important;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .mb-bit--t {
    margin-bottom: 0.1rem !important;
  }
}
@media print, screen and (min-width: 667.02px) {
  .mb-bit--t-d {
    margin-bottom: 0.1rem !important;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .mb-bit--d {
    margin-bottom: 0.1rem !important;
  }
}
@media print, screen and (max-width: 667px) {
  .mb--half,
  .mb--half--p {
    margin-bottom: 0.65rem !important;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .mb--half,
  .mb--half--p-t,
  .mb--half--t,
  .mb--half--t-d {
    margin-bottom: 0.9rem !important;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .mb--half,
  .mb--half--t-d,
  .mb--half--d {
    margin-bottom: 1.3rem !important;
  }
}

.mb--section {
  margin-bottom: var(--margin-section) !important;
}

.mb--article {
  margin-bottom: var(--margin-article) !important;
}

.mt--section {
  margin-top: var(--margin-section) !important;
}

.mt--article {
  margin-top: var(--margin-article) !important;
}

.pt--none {
  padding-top: 0 !important;
}

.pt--section {
  padding-top: var(--margin-section);
}

.pt--block {
  padding-top: var(--margin);
}

.pb--none {
  padding-bottom: 0 !important;
}

.pb--section {
  padding-bottom: var(--margin-section);
}

.pb--block {
  padding-bottom: var(--margin);
}

.logo {
  display: block;
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="b" d="m65.52344,34.47656C59.67197,29.50597,60.33736,0,50,0s-9.67197,29.50597-15.52344,34.47656C29.50597,40.32803,0,39.66264,0,50s29.50597,9.67197,34.47656,15.52344c5.85146,4.9706,5.18608,34.47656,15.52344,34.47656s9.67197-29.50597,15.52344-34.47656c4.9706-5.85146,34.47656-5.18608,34.47656-15.52344s-29.50597-9.67197-34.47656-15.52344Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.logo--space {
  mask-size: auto 60%;
}

.opacity--0 {
  opacity: 0;
}

.fill-opacity--0 {
  fill-opacity: 0;
}

.opacity--5 {
  opacity: 0.05;
}

.fill-opacity--5 {
  fill-opacity: 0.05;
}

.opacity--10 {
  opacity: 0.1;
}

.fill-opacity--10 {
  fill-opacity: 0.1;
}

.opacity--15 {
  opacity: 0.15;
}

.fill-opacity--15 {
  fill-opacity: 0.15;
}

.opacity--20 {
  opacity: 0.2;
}

.fill-opacity--20 {
  fill-opacity: 0.2;
}

.opacity--25 {
  opacity: 0.25;
}

.fill-opacity--25 {
  fill-opacity: 0.25;
}

.opacity--30 {
  opacity: 0.3;
}

.fill-opacity--30 {
  fill-opacity: 0.3;
}

.opacity--35 {
  opacity: 0.35;
}

.fill-opacity--35 {
  fill-opacity: 0.35;
}

.opacity--40 {
  opacity: 0.4;
}

.fill-opacity--40 {
  fill-opacity: 0.4;
}

.opacity--45 {
  opacity: 0.45;
}

.fill-opacity--45 {
  fill-opacity: 0.45;
}

.opacity--50 {
  opacity: 0.5;
}

.fill-opacity--50 {
  fill-opacity: 0.5;
}

.opacity--55 {
  opacity: 0.55;
}

.fill-opacity--55 {
  fill-opacity: 0.55;
}

.opacity--60 {
  opacity: 0.6;
}

.fill-opacity--60 {
  fill-opacity: 0.6;
}

.opacity--65 {
  opacity: 0.65;
}

.fill-opacity--65 {
  fill-opacity: 0.65;
}

.opacity--70 {
  opacity: 0.7;
}

.fill-opacity--70 {
  fill-opacity: 0.7;
}

.opacity--75 {
  opacity: 0.75;
}

.fill-opacity--75 {
  fill-opacity: 0.75;
}

.opacity--80 {
  opacity: 0.8;
}

.fill-opacity--80 {
  fill-opacity: 0.8;
}

.opacity--85 {
  opacity: 0.85;
}

.fill-opacity--85 {
  fill-opacity: 0.85;
}

.opacity--90 {
  opacity: 0.9;
}

.fill-opacity--90 {
  fill-opacity: 0.9;
}

.opacity--95 {
  opacity: 0.95;
}

.fill-opacity--95 {
  fill-opacity: 0.95;
}

.fill--ground {
  fill: #ffffff;
}

.stroke--ground {
  stroke: #ffffff;
}

.fill--main {
  fill: #004098;
}

.stroke--main {
  stroke: #004098;
}

.fill--gray {
  fill: rgb(248.01, 248.07, 248.13);
}

.stroke--gray {
  stroke: rgb(248.01, 248.07, 248.13);
}

.fill--exGray {
  fill: rgb(229.37, 229.59, 229.81);
}

.stroke--exGray {
  stroke: rgb(229.37, 229.59, 229.81);
}

.fill--gray--0 {
  fill: rgb(250.34, 250.38, 250.42);
}

.stroke--gray--0 {
  stroke: rgb(250.34, 250.38, 250.42);
}

.fill--gray--1 {
  fill: rgb(248.01, 248.07, 248.13);
}

.stroke--gray--1 {
  stroke: rgb(248.01, 248.07, 248.13);
}

.fill--gray--2 {
  fill: rgb(241.02, 241.14, 241.26);
}

.stroke--gray--2 {
  stroke: rgb(241.02, 241.14, 241.26);
}

.fill--gray--3 {
  fill: rgb(229.37, 229.59, 229.81);
}

.stroke--gray--3 {
  stroke: rgb(229.37, 229.59, 229.81);
}

.fill--gray--4 {
  fill: rgb(215.39, 215.73, 216.07);
}

.stroke--gray--4 {
  stroke: rgb(215.39, 215.73, 216.07);
}

.fill--gray--9 {
  fill: rgb(138.5, 139.5, 140.5);
}

.stroke--gray--9 {
  stroke: rgb(138.5, 139.5, 140.5);
}

.fill--ngtv {
  fill: #16181a;
}

.stroke--ngtv {
  stroke: #16181a;
}

.fill--trans {
  fill: transparent;
}

.stroke--trans {
  stroke: transparent;
}

.fill--red {
  fill: #a61955;
}

.stroke--red {
  stroke: #a61955;
}

.fill--pink {
  fill: #F06595;
}

.stroke--pink {
  stroke: #F06595;
}

.fill--grape {
  fill: #9F4CDB;
}

.stroke--grape {
  stroke: #9F4CDB;
}

.fill--violet {
  fill: #845EF7;
}

.stroke--violet {
  stroke: #845EF7;
}

.fill--indigo {
  fill: #4C6EF5;
}

.stroke--indigo {
  stroke: #4C6EF5;
}

.fill--blue {
  fill: #004098;
}

.stroke--blue {
  stroke: #004098;
}

.fill--cyan {
  fill: #22B8CF;
}

.stroke--cyan {
  stroke: #22B8CF;
}

.fill--teal {
  fill: #20C997;
}

.stroke--teal {
  stroke: #20C997;
}

.fill--green {
  fill: #008B50;
}

.stroke--green {
  stroke: #008B50;
}

.fill--lime {
  fill: #94D82D;
}

.stroke--lime {
  stroke: #94D82D;
}

.fill--yellow {
  fill: #FFD43B;
}

.stroke--yellow {
  stroke: #FFD43B;
}

.fill--orange {
  fill: #FF922B;
}

.stroke--orange {
  stroke: #FF922B;
}

.fill--highlighter {
  fill: #FFFF00;
}

.stroke--highlighter {
  stroke: #FFFF00;
}

.fill--success {
  fill: #008B50;
}

.stroke--success {
  stroke: #008B50;
}

.fill--info {
  fill: #004098;
}

.stroke--info {
  stroke: #004098;
}

.fill--warning {
  fill: #FF922B;
}

.stroke--warning {
  stroke: #FF922B;
}

.fill--danger {
  fill: #a61955;
}

.stroke--danger {
  stroke: #a61955;
}

.fill--new {
  fill: #FF922B;
}

.stroke--new {
  stroke: #FF922B;
}

.fill--true {
  fill: #008B50;
}

.stroke--true {
  stroke: #008B50;
}

.fill--false {
  fill: #a61955;
}

.stroke--false {
  stroke: #a61955;
}

.fill--facebook {
  fill: #3a5897;
}

.stroke--facebook {
  stroke: #3a5897;
}

.fill--twitter {
  fill: #55acee;
}

.stroke--twitter {
  stroke: #55acee;
}

.fill--line {
  fill: #00b900;
}

.stroke--line {
  stroke: #00b900;
}

@keyframes kf__spin {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes kf__icon-h-loop {
  0%, 100% {
    left: 0;
    opacity: 1;
  }
  50% {
    left: 100%;
    opacity: 0;
  }
  50.1% {
    left: -100%;
    opacity: 0;
  }
}
@keyframes kf__icon-v-roop {
  0%, 100% {
    top: 0;
    opacity: 1;
  }
  50% {
    top: 100%;
    opacity: 0;
  }
  50.1% {
    top: -100%;
    opacity: 0;
  }
}
@keyframes kf__icon-h-looping {
  0%, 25%, 100% {
    left: 0;
    opacity: 1;
  }
  12.5% {
    left: 100%;
    opacity: 0;
  }
  12.6% {
    left: -100%;
    opacity: 0;
  }
}
@keyframes kf__icon-v-rooping {
  0%, 25%, 100% {
    top: 0;
    opacity: 1;
  }
  12.5% {
    top: 100%;
    opacity: 0;
  }
  12.6% {
    top: -100%;
    opacity: 0;
  }
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size--thumbnail,
img[class*=attachment-],
img[class*=wp-image] {
  height: auto;
}

.post-edit-link {
  font-size: 1.3rem !important;
  letter-spacing: 0.05em !important;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

html:not(.no-js) .no-script {
  display: none;
}

html.no-js .is-script {
  display: none;
}

.is-hide {
  display: none;
}

.none {
  display: none !important;
}

@media print, screen and (min-width: 667.02px) {
  .only--p {
    display: none !important;
  }
}

@media print, screen and (min-width: 843.02px) {
  .only--p-t-sm {
    display: none !important;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .only--p-t {
    display: none !important;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .only--p-d {
    display: none !important;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .only--t {
    display: none !important;
  }
}

@media print, screen and (max-width: 667px) {
  .only--t-sm {
    display: none !important;
  }
}
@media print, screen and (min-width: 843.02px) {
  .only--t-sm {
    display: none !important;
  }
}

@media print, screen and (max-width: 843px) {
  .only--t-lg {
    display: none !important;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .only--t-lg {
    display: none !important;
  }
}

@media print, screen and (max-width: 667px) {
  .only--t-d {
    display: none !important;
  }
}

@media print, screen and (max-width: 843px) {
  .only--t-lg-d {
    display: none !important;
  }
}

@media print, screen and (max-width: 1018px) {
  .only--d {
    display: none !important;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .not--w, .only--p-t-d {
    display: none !important;
  }
}

@media print, screen and (max-width: 1260px) {
  .only--w {
    display: none !important;
  }
}

@media screen {
  .only--print {
    display: none !important;
  }
}

@media print {
  .only--screen {
    display: none !important;
  }
}

@media print, screen and (orientation: landscape) {
  .only--portrait {
    display: none !important;
  }
}

@media print, screen and (orientation: portrait) {
  .only--landscape {
    display: none !important;
  }
}

[data-is-hash]:not(.is-active),
[data-is-mode]:not(.is-active) {
  display: none;
}

.only--localhost {
  display: none;
}
html.is-localhost .only--localhost {
  display: block;
}

.only__is-active:not(.is-active) {
  display: none;
}

.only__is-not-active.is-active {
  display: none;
}

.modal--message__inner__content, .nav--main, .footer__container__inner, .l-content, .header-page {
  padding-inline: var(--padding-page--inline);
  max-width: calc(var(--width-content) + var(--padding-page--r) + var(--padding-page--l));
  margin-inline: auto;
}
@supports (padding: env(safe-area-inset-left)) {
  .modal--message__inner__content, .nav--main, .footer__container__inner, .l-content, .header-page {
    padding-inline: calc(var(--padding-page--l) + env(safe-area-inset-left)) calc(var(--padding-page--r) + env(safe-area-inset-right));
  }
}

.news-pickup-trigger, .totop-sticky-trigger, .fixed-header_trigger {
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  pointer-events: none;
  z-index: -1;
  transition-property: none !important;
}

.checkbox label:not(:last-child):not(:has(:disabled)),
.radiobox label:not(:last-child):not(:has(:disabled)), .chat__item__user__image:not(:last-child), .thumbnail__list__item__category:not(:last-child), .thumbnail__list__item__schedule:not(:last-child), .thumbnail__list__item__title:not(:last-child), .thumbnail__list__item__description:not(:last-child), .thumbnail__list__item__tag:not(:last-child), .thumbnail__list__item__date:not(:last-child), .newslist__list__item__anchor__inner__article__title:not(:last-child), .listitem--gap--sm > li:not(:last-child), .listitem--line--sm > li:not(:last-child), .avatar__note__name:not(:last-child), .avatar__note__position:not(:last-child), .avatar__note__description:not(:last-child), .avatar__note__website:not(:last-child), .l-block--sm:not(:last-child), .single-blog .h3:not(:last-child),
.page .h4:not(:last-child), .single-blog .h3 + .h-sub:not(:last-child),
.page .h4 + .h-sub:not(:last-child), .h-head:not(:last-child) {
  margin-bottom: calc(var(--margin) * 0.5 * 1);
}

.news-pickup__container__content__message:not(:last-child), .listitem--gap--xs > li:not(:last-child), .listitem--line--xs > li:not(:last-child), .l-block--xs:not(:last-child), .single-blog .h4:not(:last-child),
.page .h5:not(:last-child) {
  margin-bottom: calc(var(--margin) * 0.3333333333 * 1);
}

.card:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}

body, input, select, textarea, mark {
  font-weight: 500;
}

.videoServiceWrap__over__title__sub, .thumbnail__list__item__schedule__item__date, html:not(.no-js) .tabbed__nav__list__item[aria-selected=true], .tabbed__nav__list__item__str + .tabbed__nav__list__item__str, h3.dialog-confirm__h, .calender__td--today .calender__td__date, .hero__copy, .nav--main > ul > li > span, .nav--main > ul > li > ul > li > span, .footer__sns__header span, .footer__address__header span, .padding-text, .m-header h2 > span, .bold {
  font-weight: bold;
}

:where(.s-home__news__more::before, .splide__arrow, .jq_filtering__group__item, a.newslist__list__item__anchor::before, .drawer__content__social__list__item, .details__summary__icon span, .pagination__list__item:has(.prev) a, .pagination__list__item:has(.next) a, .icon--svg, .draw-more--fusion i, .footer__sns__list__item__anchor, .footer__mail__anchor__icon, .footer__info__list__item--phone i, .footer__info__list__item--mail i) {
  position: relative;
}
.s-home__news__more::before, .splide__arrow::before, .jq_filtering__group__item::before, a.newslist__list__item__anchor::before, .drawer__content__social__list__item::before, .details__summary__icon span::before, .pagination__list__item:has(.prev) a::before, .pagination__list__item:has(.next) a::before, .icon--svg::before, .draw-more--fusion i::before, .footer__sns__list__item__anchor::before, .footer__mail__anchor__icon::before, .footer__info__list__item--phone i::before, .footer__info__list__item--mail i::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  transition-property: translate,color,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background-color: currentcolor;
  z-index: 3;
}

.icon--inline {
  width: 1em;
  height: 1em;
  vertical-align: text-top;
}

.s-home__news__more::before, .splide__arrow::before, .jq_filtering__group__item::before, a.newslist__list__item__anchor::before, .details__summary__icon span::before, .pagination__list__item:has(.prev) a::before, .pagination__list__item:has(.next) a::before, .icon--site::before, .draw-more--fusion i::before, .footer__mail__anchor__icon::before, .footer__info__list__item--phone i::before, .footer__info__list__item--mail i::before {
  mask-size: 400%;
  mask-repeat: no-repeat;
}

.s-home__news__more::before, .jq_filtering__group__item::before, .icon--site.icon--sm::before, .footer__info__list__item--phone i::before, .footer__info__list__item--mail i::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><defs><style>.b{stroke-width:0px;}</style></defs><polygon class="b" points="6.64648 16.35352 9.29297 19 2 19 2 20 9.29297 20 6.64648 22.64648 7.35352 23.35352 11.20703 19.5 7.35352 15.64648 6.64648 16.35352"/><polygon class="b" points="17.34473 15.30176 21.49121 19.44824 17.34473 23.59473 18.05176 24.30176 22.90527 19.44824 18.05176 14.59473 17.34473 15.30176"/><path class="b" d="m23.50006,2.99994h-8.00012c-.55231,0-1,.44775-1,1v5.00006c0,.55231.44769,1,1,1h8.00012c.55231,0,1-.44769,1-1V3.99994c0-.55225-.44769-1-1-1Zm-.64655,2.45709l-2.64648,2.64648c-.18848.18848-.43945.29248-.70703.29248s-.51855-.104-.70703-.29248l-2.64648-2.64648c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l2.64648,2.64648,2.64648-2.64648c.19531-.19531.51172-.19531.70703,0s.19531.51172,0,.70703Z"/><path class="b" d="m47.92871,5.5c0-1.89062-1.53809-3.42871-3.42871-3.42871s-3.42871,1.53809-3.42871,3.42871,1.53809,3.42871,3.42871,3.42871c.76489,0,1.46478-.26044,2.03577-.68542l3.11072,3.11023.70703-.70703-3.11066-3.11023c.42523-.57104.68585-1.27112.68585-2.03625Zm-3.42871,2.57129c-1.41797,0-2.57129-1.15332-2.57129-2.57129s1.15332-2.57129,2.57129-2.57129,2.57129,1.15332,2.57129,2.57129-1.15332,2.57129-2.57129,2.57129Z"/><path class="b" d="m35.3299,11.71307l.4588-.22461c.27509-.13794.38611-.47528.24664-.74969l-1.0849-2.13464c-.13947-.27435-.47864-.38599-.75378-.24799l-.43433.21643c-1.01331.49988-3.07526-3.6051-2.08368-4.14569l.44244-.22186c.27515-.138.38715-.47583.24896-.75085l-1.07855-2.14594c-.13818-.27502-.47638-.38715-.75153-.24915l-.45331.22729c-.64929.34503-2.41516,1.16272.22278,6.41956,2.66235,5.30298,4.31409,4.33856,5.02045,4.00714Z"/><path class="b" d="m33.20703,14.79297c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l2.29297,2.29297h-6.08594c-.55225,0-1,.44775-1,1s.44775,1,1,1h6.08594l-2.29297,2.29297c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4-4c.39062-.39062.39062-1.02344,0-1.41406l-4-4Z"/><path class="b" d="m42.99121,24.15527c.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4-4c.39062-.39062.39062-1.02344,0-1.41406l-4-4c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l3.29297,3.29297-3.29297,3.29297c-.39062.39062-.39062,1.02344,0,1.41406Z"/><path class="b" d="m21.80176,32.80176l-3,3c-.09766.09766-.22559.14648-.35352.14648s-.25586-.04883-.35352-.14648c-.19531-.19531-.19531-.51172,0-.70703l2.64648-2.64648-2.64648-2.64648c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l3,3c.19531.19531.19531.51172,0,.70703Z"/><path class="b" d="m10.60352,32.14648l-3.25-3.25c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l2.39648,2.39648H2.75c-.27637,0-.5.22363-.5.5s.22363.5.5.5h6.29297l-2.39648,2.39648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l3.25-3.25c.19531-.19531.19531-.51172,0-.70703Z"/><path class="b" d="m12.35352,6.64648L7.56055,1.85352c-.58496-.58496-1.53613-.58496-2.12109,0L.64648,6.64648c-.19531.19531-.19531.51172,0,.70703s.51172.19531.70703,0l.64648-.64648v4.29297c0,.55127.44873,1,1,1h7c.55127,0,1-.44873,1-1v-4.29297l.64648.64648c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703Zm-6.60352,4.35352v-4.25c0-.41357.33643-.75.75-.75s.75.33643.75.75v4.25h-1.5Zm4.25,0h-1.75v-4.25c0-.96484-.78516-1.75-1.75-1.75s-1.75.78516-1.75,1.75v4.25h-1.75v-5.29297l3.14648-3.14648c.19531-.19531.51172-.19531.70703,0l3.14648,3.14648v5.29297Z"/><polygon class="b" points="36 32.5 30.74999 29.46889 30.74999 35.53111 36 32.5"/><path class="b" d="m10.5,45h-3.5v-3.5c0-.27637-.22363-.5-.5-.5s-.5.22363-.5.5v3.5h-3.5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h3.5v3.5c0,.27637.22363.5.5.5s.5-.22363.5-.5v-3.5h3.5c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m23.5,45h-8c-.27637,0-.5.22363-.5.5s.22363.5.5.5h8c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m33.20703,45.49976l2.68213-2.68188c.19531-.19531.19531-.51172,0-.70703s-.51172-.19531-.70703,0l-2.68213,2.68188-2.68213-2.68188c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l2.68213,2.68188-2.68213,2.68188c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l2.68213-2.68188,2.68213,2.68188c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703l-2.68213-2.68188Z"/><path class="b" d="m47.49121,28h-4.48584c-.27637,0-.5.22363-.5.5s.22363.5.5.5l3.78101.0119-4.14526,4.14484c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l4.15723-4.1568v3.79303c0,.27637.22363.5.5.5s.5-.22363.5-.5v-4.48584c0-.55908-.45508-1.01416-1.01416-1.01416Z"/><path class="b" d="m48,36h-5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h5c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/></svg>');
  width: 1.3rem;
  height: 1.3rem;
}

.splide__arrow::before, a.newslist__list__item__anchor::before, .details__summary__icon span::before, .pagination__list__item:has(.prev) a::before, .pagination__list__item:has(.next) a::before, .icon--site.icon--md::before, .draw-more--fusion i::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84 84"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m35.64648,7.64648l-3.79297,3.79297c-.19531.19531-.51172.19531-.70703,0l-3.79297-3.79297c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l3.79297,3.79297c.29248.29248.67627.43848,1.06055.43848s.76855-.146,1.06055-.43848l3.79297-3.79297c.19531-.19531.19531-.51172,0-.70703s-.51172-.19531-.70703,0Z"/><path class="b" d="m36.5,5h-10c-1.37842,0-2.5,1.12158-2.5,2.5v6c0,1.37842,1.12158,2.5,2.5,2.5h10c1.37891,0,2.5-1.12158,2.5-2.5v-6c0-1.37842-1.12109-2.5-2.5-2.5Zm1.5,8.5c0,.82715-.67285,1.5-1.5,1.5h-10c-.82715,0-1.5-.67285-1.5-1.5v-6c0-.82715.67285-1.5,1.5-1.5h10c.82715,0,1.5.67285,1.5,1.5v6Z"/><path class="b" d="m56.61621,18.08264l.6673-.32672c.40015-.20062.56165-.69135.35883-1.09045l-1.57806-3.10492c-.20282-.39905-.69623-.5614-1.09637-.36072l-.63177.31482c-1.47394.72705-4.47314-5.24377-3.03082-6.03009l.64355-.32275c.40021-.20068.56317-.69208.36212-1.0921l-1.56879-3.1214c-.20105-.39996-.69293-.56305-1.09308-.36243l-.65942.33063c-.94446.50189-3.51294,1.69128.32404,9.33759,3.8725,7.71344,6.27509,6.31061,7.30249,5.82855Z"/><path class="b" d="m11.56055,3.85352c-.56445-.56445-1.55664-.56445-2.12109,0l-7.29297,7.29297c-.19531.19531-.19531.51172,0,.70703s.51172.19531.70703,0l1.14648-1.14648v5.79297c0,.82715.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-5.79297l1.14648,1.14648c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703l-7.29297-7.29297Zm.43896,13.14648h-2.99902v-5.50049c0-.82666.67285-1.49951,1.49951-1.49951s1.49951.67285,1.49951,1.49951v5.50049Zm4.00049-.5c0,.27588-.22412.5-.5.5h-2.50049v-5.50049c0-1.37842-1.12109-2.49951-2.49951-2.49951s-2.49951,1.12109-2.49951,2.49951v5.50049h-2.50049c-.27588,0-.5-.22412-.5-.5v-6.79297l5.14648-5.14648c.19531-.19531.51172-.19531.70703,0l5.14648,5.14648v6.79297Z"/><path class="b" d="m10.85352,24.14648c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l6.14648,6.14648H3.5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h12.79297l-6.14648,6.14648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l6.29297-6.29297c.58496-.58496.58496-1.53613,0-2.12109l-6.29297-6.29297Z"/><path class="b" d="m28.85352,24.14648c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l6.29297,6.29297c.19531.19482.19531.51221,0,.70703l-6.29297,6.29297c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l6.29297-6.29297c.58496-.58496.58496-1.53613,0-2.12109l-6.29297-6.29297Z"/><path class="b" d="m75.72406,12.01654c.79572-.95416,1.27594-2.18011,1.27594-3.51654,0-3.03223-2.46729-5.5-5.5-5.5s-5.5,2.46777-5.5,5.5,2.46729,5.5,5.5,5.5c1.33679,0,2.56287-.48035,3.51709-1.27631l5.12939,5.12982c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703l-5.12946-5.12994Zm-8.72406-3.51654c0-2.48145,2.01855-4.5,4.5-4.5s4.5,2.01855,4.5,4.5-2.01855,4.5-4.5,4.5-4.5-2.01855-4.5-4.5Z"/><path class="b" d="m53.20703,24.29297c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l4.79297,4.79297h-11.08594c-.55225,0-1,.44727-1,1s.44775,1,1,1h11.08594l-4.79297,4.79297c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l5.79297-5.79297c.77979-.7793.77979-2.04883,0-2.82812l-5.79297-5.79297Z"/><path class="b" d="m69.79297,37.79297c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l5.58594-5.58594c1.16992-1.16992,1.16992-3.07227,0-4.24219l-5.58594-5.58594c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l5.58594,5.58594c.38965.38965.38965,1.02441,0,1.41406l-5.58594,5.58594Z"/><path class="b" d="m35.29297,50.37891l-4.58594-4.58594c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l4.58545,4.58594c.38965.38965.38965,1.02441.00049,1.41406l-4.58594,4.58594c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4.58643-4.58594c1.16846-1.16992,1.16846-3.07227-.00049-4.24219Z"/><path class="b" d="m16.04297,50.37891l-4.08594-4.08594c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l3.79297,3.79297H4.75c-.55225,0-1,.44775-1,1,0,.55273.44775,1,1,1h9.58594l-3.79297,3.79297c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4.08643-4.08594c1.16895-1.16992,1.16895-3.07324-.00049-4.24219Z"/><polygon class="b" points="59 52.5 49.24998 46.8708 49.24998 58.1292 59 52.5"/><path class="b" d="m17,73h-6v-6c0-.27637-.22363-.5-.5-.5s-.5.22363-.5.5v6h-6c-.27637,0-.5.22363-.5.5s.22363.5.5.5h6v6c0,.27637.22363.5.5.5s.5-.22363.5-.5v-6h6c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m38,73h-13c-.27637,0-.5.22363-.5.5s.22363.5.5.5h13c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m53.20697,73.5l4.24274-4.24316c.19531-.19531.19531-.51172,0-.70703s-.51172-.19531-.70703,0l-4.24268,4.2431-4.24268-4.2431c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l4.24274,4.24316-4.24274,4.24316c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l4.24268-4.2431,4.24268,4.2431c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703l-4.24274-4.24316Z"/><path class="b" d="m76.5,46h-5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h4.79297l-7.14648,7.14648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l7.14648-7.14648v4.79297c0,.27637.22363.5.5.5s.5-.22363.5-.5v-5c0-.82715-.67285-1.5-1.5-1.5Z"/><path class="b" d="m77.5,58h-8c-.27637,0-.5.22363-.5.5s.22363.5.5.5h8c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/></svg>');
  width: 2.1rem;
  height: 2.1rem;
}

.icon--site.icon--lg::before, .footer__mail__anchor__icon::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 132"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m45.9,38.1c-.2-.2-.5-.2-.7,0s-.2.5,0,.7l9.6,9.6c.3.3.4.7.4,1.1s-.2.8-.4,1.1l-9.6,9.6c-.2.2-.2.5,0,.7.1.1.2.1.4.1s.3,0,.4-.1l9.6-9.6c.5-.5.7-1.1.7-1.8s-.3-1.3-.7-1.8c-.2,0-9.7-9.6-9.7-9.6Z"/><path class="b" d="m16.9,38.1c-.2-.2-.5-.2-.7,0s-.2.5,0,.7l10.1,10.2H5.5c-.3,0-.5.2-.5.5s.2.5.5.5h20.8l-10.2,10.1c-.2.2-.2.5,0,.7.1.1.2.1.4.1s.3,0,.4-.1l10.3-10.3c.6-.6.6-1.5,0-2.1l-10.3-10.3h0Z"/><path class="b" d="m113,22c2,0,3.9-.8,5.3-2l6.4,6.4c.1.1.2.1.4.1s.3,0,.4-.1c.2-.2.2-.5,0-.7l-6.4-6.4c1.2-1.4,2-3.3,2-5.3,0-4.4-3.6-8-8-8s-8,3.6-8,8,3.49999,8,7.89999,8h0Zm0-15c3.9,0,7,3.1,7,7s-3.1,7-7,7-7-3.1-7-7,3.1-7,7-7Z"/><path class="b" d="m88.3,27.2l1-.5c.6-.3.7-.9.4-1.5l-2.2-4.7c-.3-.6-1-.8-1.6-.5l-.90001.5c-1.1.5-2.6-1.3-3.7-3.4-1-2.1-1.5-4.5-.5-5l.9-.5c.6-.3.8-1,.5-1.6l-2.4-4.5c-.3-.6-.9-.8-1.5-.5l-1,.5c-1.3.7-5,2.5.5,13.4,5.39999,10.8,9.1,8.9,10.5,8.3h0Z"/><path class="b" d="m18.3,6.6c-1-1-2.6-1-3.5,0l-10.2,10c-.2.2-.2.5,0,.7s.5.2.7,0l1.7-1.6v7.8c0,1.4,1.1,2.5,2.5,2.5h14c1.4,0,2.5-1.1,2.5-2.5v-7.8l1.6,1.6c.1.1.2.1.4.1s.3,0,.4-.1c.2-.2.2-.5,0-.7l-10.1-10h0Zm.7,18.4h-5v-7.5c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v7.5Zm6-1.5c0,.8-.7,1.5-1.5,1.5h-3.5v-7.5c0-1.9-1.6-3.5-3.5-3.5s-3.5,1.6-3.5,3.5v7.5h-3.5c-.8,0-1.5-.7-1.5-1.5v-8.8l7.4-7.4c.6-.6,1.5-.6,2.1,0l7.4,7.4.1,8.8h0Z"/><path class="b" d="m58,9h-17c-1.1,0-2,.9-2,2v11c0,1.1.9,2,2,2h17c1.1,0,2-.9,2-2v-11c0-1.1-.9-2-2-2Zm1,13c0,.6-.4,1-1,1h-17c-.6,0-1-.4-1-1v-11c0-.6.4-1,1-1h17c.6,0,1,.4,1,1v11Z"/><path class="b" d="m55.7,12.6l-5.4,5c-.4.4-1.1.4-1.5,0l-5.4-5c-.2-.2-.5-.2-.7,0s-.2.5,0,.7l5.4,5c.4.4.9.6,1.4.6s1-.2,1.4-.6l5.4-5c.2-.2.2-.5,0-.7-.1-.1-.4-.2-.6,0Z"/><path class="b" d="m83.2,37.8c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l9.3,9.3h-20.1c-.6,0-1,.4-1,1s.4,1,1,1h20.1l-9.3,9.3c-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l10.3-10.3c.8-.8.8-2,0-2.8l-10.3-10.3Z"/><path class="b" d="m110.8,59.8c-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l9.6-9.6c.6-.6.9-1.3.9-2.1s-.3-1.6-.9-2.1l-9.6-9.6c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l9.6,9.6c.4.4.4,1,0,1.4,0,0-9.59999,9.59999-9.59999,9.59999Z"/><path class="b" d="m55.8,80.4l-8.1-8.1c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l8.1,8.1c.4.4.4,1,0,1.4l-8.1,8.1c-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l8.1-8.1c1.2-1.10001,1.2-3.10001,0-4.2Z"/><path class="b" d="m26.8,81.1l-9.3-9.3c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l8.3,8.3H5.8c-.6,0-1,.4-1,1s.4,1,1,1h18.6l-8.3,8.3c-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l9.3-9.3c.4-.4.6-.9.6-1.4-.1-.5-.3-1-.6-1.4Z"/><polygon class="b" points="92.5 82.5 77.5 73.8 77.5 91.2 92.5 82.5"/><rect class="b" x="39.5" y="114.5" width="20" height="2"/><polygon class="b" points="17.5 105.5 15.5 105.5 15.5 114.5 6.5 114.5 6.5 116.5 15.5 116.5 15.5 125.5 17.5 125.5 17.5 116.5 26.5 116.5 26.5 114.5 17.5 114.5 17.5 105.5"/><polygon class="b" points="88.9 107.7 82.5 114.1 76.1 107.7 74.7 109.1 81.1 115.5 74.7 121.9 76.1 123.3 82.5 116.9 88.9 123.3 90.3 121.9 83.9 115.5 90.3 109.1 88.9 107.7"/><path class="b" d="m122.6,74.1h-14c-.3,0-.5.2-.5.5s.2.5.5.5h13.8l-15.1,15.1c-.2.2-.2.5,0,.7.1.1.2.1.4.1s.3,0,.4-.1l15.1-15.1v13.8c0,.3.2.5.5.5s.5-.2.5-.5v-14c-.10001-.9-.7-1.5-1.60001-1.5Z"/></svg>');
  width: 3.3rem;
  height: 3.3rem;
}

.icon--site.icon--xl::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m35.9,20.1h0l-11.6-11.5c-.9-.9-2.6-.9-3.5,0l-11.7,11.5h0l-4.5,4.5c-.2.2-.2.5,0,.7s.5.2.7,0l3.7-3.6v13.8c0,1.4,1.1,2.5,2.5,2.5h22c1.4,0,2.5-1.1,2.5-2.5v-13.8l3.6,3.6c.1.1.2.1.4.1s.3,0,.4-.1c.2-.2.2-.5,0-.7l-4.5-4.5Zm-9.9,16.9h-7v-12.5c0-1.9,1.6-3.5,3.5-3.5s3.5,1.6,3.5,3.5v12.5Zm9-1.5c0,.8-.7,1.5-1.5,1.5h-6.5v-12.5c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5v12.5h-6.5c-.8,0-1.5-.7-1.5-1.5v-14.8l11.4-11.4c.6-.6,1.6-.6,2.1,0l11.5,11.4v14.8h0Z"/><path class="b" d="m154.5,30c2.7,0,5.2-1,7.10001-2.7l9.60001,9.6c.10001.1.2.1.39999.1s.3,0,.39999-.1c.2-.2.2-.5,0-.7l-9.60001-9.6c1.7-1.9,2.7-4.3,2.7-7.1,0-5.8-4.7-10.5-10.5-10.5s-10.59999,4.7-10.59999,10.5,4.7,10.5,10.5,10.5Zm0-20c5.2,0,9.5,4.3,9.5,9.5s-4.3,9.5-9.5,9.5-9.5-4.3-9.5-9.5,4.3-9.5,9.5-9.5Z"/><path class="b" d="m23.4,52.6c-.2-.2-.5-.2-.7,0s-.2.5,0,.7l13.1,13.1c.2.2.3.4.3.6H7.5c-.3,0-.5.2-.5.5s.2.5.5.5h28.6l-.3.6-13.2,13c-.2.2-.2.5,0,.7.1.1.2.1.4.1s.3,0,.4-.1l13.1-13.1c1-1,1-2.6,0-3.5-.1,0-13.1-13.1-13.1-13.1Z"/><path class="b" d="m63.4,52.6c-.2-.2-.5-.2-.7,0s-.2.5,0,.7l13.1,13.1c.6.6.6,1.5,0,2.1l-13.2,13.1c-.2.2-.2.5,0,.7.1.1.2.1.4.1s.3,0,.4-.1l13.1-13.1c1-1,1-2.6,0-3.5-.1,0-13.1-13.1-13.1-13.1Z"/><path class="b" d="m114.2,52.8c-.4-.4-1-.4-1.4,0s-.4,1,0,1.4l12.3,12.3h-27.1c-.6,0-1,.4-1,1s.4,1,1,1h27.1l-12.3,12.3c-.4.4-.4,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l12.6-12.6c1.2-1.2,1.2-3.1,0-4.2.00002,0-12.59999-12.60001-12.59999-12.60001Z"/><path class="b" d="m151.3,81.3c-.39999.4-.39999,1,0,1.4.2.2.5.3.7.3s.5-.1.7-.3l13.10001-13.1c1.2-1.2,1.2-3.1,0-4.2l-13.10001-13.1c-.39999-.4-1-.4-1.39999,0s-.39999,1,0,1.4l13.10001,13.1c.39999.4.39999,1,0,1.4-.00002-.00002-13.10001,13.09999-13.10001,13.09999Z"/><path class="b" d="m78,16.5c-.1,0-.3,0-.4.1l-9,9c-.3.4-.7.5-1.2.5s-.9-.1-1.2-.5l-9-9c-.1-.1-.2-.1-.4-.1-.3,0-.5.2-.5.5,0,.1,0,.3.1.4l9,9c.5.5,1.2.8,1.9.8.6,0,1.4-.3,1.9-.8l9-9c.1-.1.1-.2.1-.4.2-.3,0-.5-.3-.5Z"/><path class="b" d="m79.5,11.5h-24c-1.7,0-3,1.3-3,3v16c0,1.6,1.4,3,3,3h24c1.7,0,3-1.4,3-3V14.5c0-1.6-1.4-3-3-3Zm2,19c0,1.1-.9,2-2,2h-24c-1.2,0-2-.9-2-2V14.5c0-1.1.9-2,2-2h24c1.2,0,2,.9,2,2v16Z"/><path class="b" d="m113.4,37.7c1.9,1.5,3.5,1.9,4.8,1.9,1.4,0,2.4-.5,3.1-.9l1.4-.7c.6-.3.9-.9.9-1.4,0-.3,0-.5-.2-.8l-3.4-7.1c-.3-.6-.9-1-1.6-1-.3,0-.5,0-.8.2l-1.4.7c-.2.1-.4.1-.5.1-2.9,0-6.7-7.4-6.7-11,0-.9.2-1.7.8-2l1.4-.7c.6-.3,1-.9,1-1.6,0-.3,0-.5-.2-.8l-3.7-6.9c-.3-.6-.9-1-1.4-1-.3,0-.5,0-.8.2l-1.5.8c-1.3.6-3.8,1.9-3.8,6.5,0,3,1.1,7.4,4.4,13.9,3.19999,6.2,5.89999,9.7,8.19999,11.6h0Z"/><path class="b" d="m25.3,98.4c-.6-.6-1.5-.6-2.1,0s-.6,1.5,0,2.1l10.4,10.5H8.8c-.8,0-1.5.7-1.5,1.5s.7,1.5,1.5,1.5h24.9l-10.4,10.4c-.6.6-.6,1.5,0,2.1.3.3.7.4,1.1.4s.8-.1,1.1-.4l11.4-11.5c1.4-1.4,1.4-3.6,0-4.9l-11.6-11.7h0Z"/><path class="b" d="m75.6,110l-10.5-10.6c-.6-.6-1.5-.6-2.1,0s-.6,1.5,0,2.1l10.6,10.6c.2.2.2.5,0,.7l-10.6,10.60001c-.6.6-.6,1.5,0,2.1.3.3.7.4,1.1.4s.8-.1,1.1-.4l10.4-10.5c1.4-1.4,1.4-3.6,0-5Z"/><polygon class="b" points="126.5 112.5 105.5 100.4 105.5 124.6 126.5 112.5"/><rect class="b" x="53.5" y="156" width="28" height="3"/><polygon class="b" points="24 143.5 21 143.5 21 156 8.5 156 8.5 159 21 159 21 171.5 24 171.5 24 159 36.5 159 36.5 156 24 156 24 143.5"/><polygon class="b" points="123.5 148.7 121.3 146.5 112.5 155.39999 103.7 146.5 101.5 148.7 110.4 157.5 101.5 166.3 103.7 168.5 112.5 159.60001 121.3 168.5 123.5 166.3 114.6 157.5 123.5 148.7"/><path class="b" d="m168,99.5h-19.5c-.3,0-.5.2-.5.5s.2.5.5.5h19.5c.2,0,.39999.1.60001.2l-23.5,23.5c-.2.2-.2.5,0,.7.10001.1.2.1.39999.1s.3,0,.39999-.1l23.5-23.5c.10001.2.2.4.2.6v19.5c0,.3.2.5.5.5s.5-.2.5-.5v-19.49999c-.09999-1.4-1.2-2.5-2.59999-2.5Z"/></svg>');
  width: 4.5rem;
  height: 4.5rem;
}

.drawer__content__social__list__item::before, .icon--sns::before, .footer__sns__list__item__anchor::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m49.39062,17.95508c-.79785-.021-1.34375-.14697-1.80566-.33594-.50391-.18896-.92383-.44092-1.34375-.86084s-.67188-.83984-.86035-1.34375c-.18945-.46191-.31543-1.00781-.33594-1.80566-.04297-.79785-.06348-1.0708-.06348-3.10742s.02051-2.28857.06348-3.08643c.02051-.79785.14648-1.34375.33594-1.80566.18848-.50391.46094-.94482.86035-1.34375s.83984-.67188,1.34375-.86084c.46191-.18896,1.00781-.31494,1.80566-.35693.79785-.021,1.07031-.04199,3.10742-.04199s2.28906.021,3.08594.04199c.79883.04199,1.34375.16797,1.80664.35693.50391.18896.92383.44092,1.34375.86084s.67188.83984.86035,1.34375c.18848.46191.31543,1.00781.35645,1.80566.02148.79785.04297,1.0498.04297,3.08643s-.02148,2.30957-.04297,3.10742c-.04102.79785-.16797,1.34375-.35645,1.80566-.18848.50391-.46191.94482-.86035,1.34375-.39941.39893-.83984.67188-1.34375.86084-.46289.18896-1.00781.31494-1.80664.33594-.79688.04199-1.04883.06299-3.08594.06299s-2.30957-.021-3.10742-.06299Zm6.13086-1.34375c.73438-.021,1.13379-.14697,1.38574-.25195.35645-.14697.6084-.29395.86035-.56689.27344-.25195.41992-.50391.56738-.86084.10449-.25195.23145-.65088.25195-1.38574.04199-.79785.04199-1.02881.04199-3.04443,0-1.99463,0-2.22559-.04199-3.02344-.02051-.73486-.14746-1.13379-.25195-1.38574-.14746-.35693-.29395-.60889-.56738-.86084-.25195-.27295-.50391-.41992-.86035-.56689-.25195-.10498-.65137-.23096-1.38574-.25195-.79785-.04199-1.0293-.04199-3.02344-.04199-2.01562,0-2.24609,0-3.04492.04199-.73438.021-1.13281.14697-1.38477.25195-.35742.14697-.60938.29395-.86133.56689-.27344.25195-.41992.50391-.56641.86084-.10547.25195-.23145.65088-.25195,1.38574-.04297.79785-.04297,1.02881-.04297,3.02344,0,2.01562,0,2.24658.04297,3.04443.02051.73486.14648,1.13379.25195,1.38574.14648.35693.29297.60889.56641.86084.25195.27295.50391.41992.86133.56689.25195.10498.65039.23096,1.38477.25195.79883.04199,1.0293.04199,3.04492.04199,1.99414,0,2.22559,0,3.02344-.04199Zm-6.88672-6.10986c0-2.12061,1.72168-3.84229,3.86328-3.84229,2.12109,0,3.8418,1.72168,3.8418,3.84229,0,2.1416-1.7207,3.86328-3.8418,3.86328-2.1416,0-3.86328-1.72168-3.86328-3.86328Zm6.36133,0c0-1.36475-1.13281-2.49854-2.49805-2.49854-1.38574,0-2.51953,1.13379-2.51953,2.49854,0,1.38574,1.13379,2.51953,2.51953,2.51953,1.36523,0,2.49805-1.13379,2.49805-2.51953Zm.58789-3.98926c0-.50391.39941-.90283.90332-.90283s.90332.39893.90332.90283-.39941.90283-.90332.90283-.90332-.39893-.90332-.90283Z"/><path class="b" d="m57.11719,39.8999h-9.23828c-2.09961,0-3.7793-1.67969-3.7793-3.7793v-9.23828c0-2.09961,1.67969-3.7793,3.7793-3.7793h9.23828c2.09961,0,3.7793,1.67969,3.7793,3.7793v9.23828c0,2.09961-1.67969,3.7793-3.7793,3.7793Zm1.00781-9.19629c0-2.51953-2.51953-4.55615-5.62695-4.55615-3.08594,0-5.60547,2.03662-5.60547,4.55615,0,2.26758,1.99414,4.15723,4.72363,4.47217.14746.04199.41992.14697.46191.31494.0625.10498.0625.35693,0,.46191l-.04199.48291c-.06348.14697-.10449.56689.46191.31494.58789-.27295,3.21289-1.88965,4.40918-3.25439.79785-.90283,1.21777-1.78467,1.21777-2.79248Zm-9.30078,1.42773h1.57422c.0625,0,.10547,0,.10547-.10498v-.37793c0-.04199-.04297-.10498-.10547-.10498h-1.0498v-1.93164c0-.06299-.04199-.10498-.10449-.10498h-.41992c-.04297,0-.10547.04199-.10547.10498v2.41455c0,.10498.0625.10498.10547.10498Zm2.51953-2.62451h-.35742c-.0625,0-.10547.04199-.10547.10498v2.41455c0,.10498.04297.10498.10547.10498h.35742c.0625,0,.10449,0,.10449-.10498v-2.41455c0-.06299-.04199-.10498-.10449-.10498Zm2.72852,0h-.41992c-.04102,0-.10449.04199-.10449.10498v1.46973l-1.0918-1.53271v-.04199h-.4834c-.04102,0-.10449.04199-.10449.10498v2.41455c0,.10498.06348.10498.10449.10498h.37891c.04102,0,.10449,0,.10449-.10498v-1.42773l1.15527,1.53271h.46094c.06348,0,.10547,0,.10547-.10498v-2.41455c0-.06299-.04199-.10498-.10547-.10498Zm2.16309,2.62451h-1.5752c-.0625,0-.10449,0-.10449-.10498v-2.41455c0-.06299.04199-.10498.10449-.10498h1.5752c.04199,0,.10449.04199.10449.10498v.35693c0,.10498-.0625.10498-.10449.10498h-1.0498v.41992h1.0498c.04199,0,.10449.06299.10449.10498v.41992c0,.06299-.0625.10498-.10449.10498h-1.0498v.41992h1.0498c.04199,0,.10449.06299.10449.10498v.37793c0,.10498-.0625.10498-.10449.10498Z"/><path class="b" d="m16.98633,51.15771c.04102,2.01562,0,7.76855,0,7.76855h-3.57031c0-5.03906.02148-5.85791,0-7.45361-.04102-1.38574-.44043-2.05762-1.51172-2.18359-1.1543-.12598-4.32422-.021-4.32422-.021v9.6582h-3.57031v-12.76562c2.47852,0,5.92188-.12598,8.37793-.06299,3.2959.08398,4.53516,1.51172,4.59863,5.06006Z"/><path class="b" d="m8.88086,11.34131L3.14941,3.00586h4.36719l3.7998,5.50098,4.74609-5.50098h1.28027l-5.45898,6.34082,5.94238,8.65039h-4.36719l-4.01074-5.81592-4.99707,5.81592h-1.30176l5.73145-6.65576Zm7.18164,5.73193L6.9082,3.97168h-1.99512l9.1543,13.10156h1.99512Z"/><path class="b" d="m22.99414,10.50146c0-4.68213,3.80078-8.48242,8.50391-8.48242,4.68164,0,8.48242,3.80029,8.48242,8.48242,0,4.26221-3.10742,7.76855-7.16016,8.39844v-5.94189h1.97461l.37695-2.45654h-2.35156v-1.57471c0-.67188.31543-1.34375,1.38672-1.34375h1.07031v-2.07861s-.98633-.16797-1.91016-.16797c-1.93164,0-3.21289,1.17578-3.21289,3.29639v1.86865h-2.1416v2.45654h2.1416v5.94189c-4.05273-.62988-7.16016-4.13623-7.16016-8.39844Z"/><path class="b" d="m3.08594,37.7583c-.81836-.23096-1.46875-.86084-1.67969-1.67969-.39844-1.49072-.39844-4.57715-.39844-4.57715,0,0,0-3.08643.39844-4.57715.21094-.81885.86133-1.44873,1.67969-1.67969,1.4707-.39893,7.41211-.39893,7.41211-.39893,0,0,5.94141,0,7.43262.39893.81934.23096,1.44824.86084,1.67969,1.67969.39941,1.49072.39941,4.57715.39941,4.57715,0,0,0,3.08643-.39941,4.57715-.23145.81885-.86035,1.44873-1.67969,1.67969-1.49121.39893-7.43262.39893-7.43262.39893,0,0-5.94141,0-7.41211-.39893Zm10.45703-6.25684l-4.93457-2.85547v5.71094l4.93457-2.85547Z"/><path class="b" d="m25.49316,37.88428c-1.23926-1.53271-1.88965-3.69531-1.91113-6.38281.02148-2.7085.67188-4.8501,1.91113-6.38281,1.38574-1.74268,3.44336-2.62451,6.15137-2.64551,2.0791.021,3.80078.5459,5.14453,1.57471,1.25977.96582,2.1416,2.35156,2.64551,4.11523l-1.53223.41992c-.83984-2.98145-2.93945-4.49316-6.25781-4.51416-2.18359.021-3.8418.69287-4.91211,2.03662-1.00781,1.25977-1.5332,3.06543-1.55469,5.396.02148,2.30957.54688,4.13623,1.55469,5.396,1.07031,1.32275,2.72852,2.01562,4.91211,2.03662,1.97461-.021,3.27539-.48291,4.36719-1.53271.77734-.77686,1.07129-1.6377,1.07129-2.41455,0-.44092-.10449-.86084-.25195-1.19678-.23145-.5459-.65137-.98682-1.23926-1.32275-.125,1.02881-.46094,1.84766-.96484,2.45654-.69336.88184-1.72266,1.36475-3.02344,1.36475-.81934,0-1.61719-.20996-2.22656-.60889-.83984-.5459-1.32227-1.40674-1.32227-2.37256,0-.83984.35742-1.6167,1.00781-2.18359s1.5957-.90283,2.6875-.96582c.20996-.021.41992-.021.62988-.021.56738,0,1.13379.04199,1.6377.12598-.08398-.56689-.27344-1.00781-.5459-1.32275-.39941-.44092-.9873-.67188-1.78418-.67188h-.02148c-.62988,0-1.49023.18896-2.05762.98682l-1.32324-.88184c.75586-1.0918,1.93164-1.70068,3.38086-1.70068h.04199c2.39355.021,3.82129,1.49072,3.96777,4.05225l.23145.10498c1.13379.5459,1.95215,1.34375,2.37207,2.30957.23145.5249.37891,1.17578.37891,1.86865,0,1.15479-.39941,2.41455-1.5332,3.52734-1.38574,1.36475-3.08594,1.97363-5.48047,1.99463-2.70801-.021-4.76562-.90283-6.15137-2.64551Zm8.56641-5.98389c-.50391-.10498-1.07129-.16797-1.65918-.16797-.18848,0-.37695,0-.54492.021-1.34375.06299-2.20508.69287-2.20508,1.55371,0,.94482.98633,1.38574,1.97363,1.38574.92383,0,2.24707-.31494,2.43555-2.79248Z"/><path class="b" d="m38.55273,60.8999h-14.10938c-.73438,0-1.34375-.60889-1.34375-1.34375v-14.10938c0-.73486.60938-1.34375,1.34375-1.34375h14.10938c.73438,0,1.34375.60889,1.34375,1.34375v14.10938c0,.73486-.60938,1.34375-1.34375,1.34375Zm-10.22461-13.01758c0-.81885-.65137-1.46973-1.4707-1.46973-.79688,0-1.44824.65088-1.44824,1.46973,0,.79785.65137,1.44873,1.44824,1.44873.81934,0,1.4707-.65088,1.4707-1.44873Zm-2.73047,10.51904h2.51953v-7.99951h-2.51953v7.99951Zm4.05273-7.99951v7.99951h2.49805v-4.24121c0-.83984.35742-1.76367,1.36523-1.76367.90234,0,1.38574.56689,1.38574,1.57471v4.43018h2.47754v-4.76611c0-2.85547-1.34375-3.40137-3.00195-3.40137-1.36523,0-1.97461.75586-2.31055,1.25977h-.04102v-1.0918h-2.37305Z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 300%;
}

.icon--sns--circle::before, .footer__sns__list__item__anchor::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m62.99609,10.50146c0,5.79492-4.70312,10.49805-10.49805,10.49805s-10.49805-4.70312-10.49805-10.49805S46.70312.00342,52.49805.00342s10.49805,4.70312,10.49805,10.49805Zm-4.24121,0c0-1.70068,0-1.91064-.04199-2.58252-.02148-.65088-.12598-1.11279-.29395-1.51172-.14746-.41992-.35645-.75586-.71387-1.11279-.35742-.33594-.69336-.5459-1.11328-.71387-.39844-.14697-.83984-.25195-1.51172-.29395-.67188-.021-.88086-.04199-2.58203-.04199s-1.91016.021-2.56152.04199c-.67188.04199-1.13379.14697-1.53223.29395-.39941.16797-.75586.37793-1.0918.71387s-.56738.69287-.73535,1.11279c-.14746.39893-.25195.86084-.29395,1.51172l-.02148,2.58252.02148,2.58252c.04199.65088.14648,1.11279.29395,1.51172.16797.41992.37793.75586.73535,1.11279.33594.33594.69238.5459,1.0918.71387.39844.14697.86035.25195,1.53223.29395.65137.021.86035.04199,2.56152.04199s1.91016-.021,2.58203-.04199c.67188-.04199,1.11328-.14697,1.51172-.29395.41992-.16797.75586-.37793,1.11328-.71387.33594-.33594.56641-.69287.71387-1.11279.16797-.39893.27246-.86084.29395-1.51172.04199-.67188.04199-.88184.04199-2.58252Zm-1.15527-2.51953l.02148,2.51953-.02148,2.51953c-.04102.60889-.14648.94482-.23047,1.17578-.10547.27295-.25195.48291-.46191.71387-.18848.18896-.41992.35693-.71387.46191-.23047.08398-.5459.18896-1.1543.20996-.67188.04199-.86133.04199-2.54102.04199-1.6582,0-1.86914,0-2.51953-.04199-.60938-.021-.94531-.12598-1.1543-.20996-.29492-.10498-.52539-.27295-.71484-.46191-.23047-.23096-.35645-.44092-.48242-.71387-.08398-.23096-.18945-.56689-.20996-1.17578-.02051-.65088-.04199-.86084-.04199-2.51953s.02148-1.86865.04199-2.51953c.02051-.60889.12598-.94482.20996-1.17578.12598-.27295.27344-.50391.48242-.71387.18945-.18896.41992-.35693.71484-.46191.20898-.08398.54492-.18896,1.1543-.20996.65039-.04199.86133-.04199,2.51953-.04199,1.67969,0,1.86914,0,2.54102.04199.6084.021.92383.12598,1.1543.20996.29395.10498.50391.25195.71387.46191.20996.23096.35645.44092.46191.71387.08398.23096.18945.56689.23047,1.17578Zm-1.88867,2.51953c0-1.76367-1.42773-3.2124-3.21289-3.2124-1.76367,0-3.21289,1.44873-3.21289,3.2124s1.44922,3.2124,3.21289,3.2124c1.78516,0,3.21289-1.44873,3.21289-3.2124Zm-1.11328,0c0,1.15479-.94531,2.07861-2.09961,2.07861-1.13379,0-2.07812-.92383-2.07812-2.07861s.94434-2.07861,2.07812-2.07861c1.1543,0,2.09961.92383,2.09961,2.07861Zm1.99414-3.33838c0-.41992-.33594-.75586-.75586-.75586s-.75586.33594-.75586.75586.33594.75586.75586.75586.75586-.33594.75586-.75586Z"/><path class="b" d="m62.99609,31.50146c0,5.77393-4.72461,10.49805-10.49805,10.49805s-10.49805-4.72412-10.49805-10.49805,4.72461-10.49805,10.49805-10.49805,10.49805,4.72412,10.49805,10.49805Zm-3.48535-.58789c0-3.14941-3.14941-5.71094-7.0127-5.71094s-7.0127,2.56152-7.0127,5.71094c0,2.81348,2.47754,5.12305,5.83691,5.56396.25195.08398.58789.14697.65039.33594.06348.18896.06348.46191,0,.65088l-.0625.58789c-.0625.20996-.18945.73486.58789.39893.71387-.31494,4.00977-2.35156,5.52148-4.07324.9668-1.11279,1.49121-2.22559,1.49121-3.46436Zm-11.61035,1.76367h1.97266c.06348,0,.12695-.06299.12695-.12598v-.46191c0-.06299-.06348-.12598-.12695-.12598h-1.30078v-2.43555c0-.06299-.08398-.12598-.14746-.12598h-.52441c-.06348,0-.12695,0-.12695.12598v3.02344c0,.06299.06348.12598.12695.12598Zm3.14844-3.27539h-.46094c-.06348,0-.12695,0-.12695.12598v3.02344c0,.06299.06348.12598.12695.12598h.46094c.06348,0,.14746-.06299.14746-.12598v-3.02344c0-.12598-.08398-.12598-.14746-.12598Zm3.42285,0h-.52441c-.06348,0-.12695,0-.12695.12598v1.78467l-1.38477-1.84766v-.06299h-.58789q-.12695,0-.12695.12598v3.02344c0,.06299,0,.12598.12695.12598h.46094c.06348,0,.12695-.06299.12695-.12598v-1.76367l1.44824,1.82666v.06299h.58789c.06348,0,.12598-.06299.12598-.12598v-3.02344c0-.12598-.0625-.12598-.12598-.12598Zm.71387,3.27539h1.97363c.06348,0,.12598-.06299.12598-.12598v-.46191c0-.06299-.0625-.12598-.12598-.12598h-1.32324v-.5249h1.32324c.06348,0,.12598-.06299.12598-.12598v-.5249c0-.08398-.0625-.14697-.12598-.14697h-1.32324v-.5249h1.32324c.06348,0,.12598-.06299.12598-.12598v-.46191c0-.06299-.0625-.12598-.12598-.12598h-1.97363c-.0625,0-.12598,0-.12598.12598v3.02344c0,.06299.06348.12598.12598.12598Z"/><path class="b" d="m0,10.50146C0,4.68555,4.70312.00342,10.49805.00342s10.49805,4.68213,10.49805,10.49805c0,5.79492-4.70312,10.49805-10.49805,10.49805S0,16.29639,0,10.50146Zm6.06836,5.47998l3.67383-4.26221,2.93945,4.26221h3.19141l-4.3457-6.34082,4.00977-4.64014h-.94531l-3.48438,4.03125-2.77148-4.03125h-3.21289l4.19922,6.10986-4.19922,4.87109h.94531Zm4.15625-4.8291l-3.82031-5.43799h1.46875l6.71875,9.59521h-1.46875l-2.89844-4.15723Z"/><path class="b" d="m33.13574,20.87354v-7.32764h2.45605l.46289-3.04443h-2.91895v-1.97363c0-.81885.41992-1.6377,1.72168-1.6377h1.32227v-2.58252s-1.2168-.20996-2.35156-.20996c-2.39258,0-3.96777,1.46973-3.96777,4.09424v2.30957h-2.66699v3.04443h2.66699v7.32764c-5.01855-.79785-8.86035-5.12305-8.86035-10.37207C21,4.70654,25.70312.00342,31.49805.00342s10.49805,4.70312,10.49805,10.49805c0,5.24902-3.8418,9.57422-8.86035,10.37207Z"/><path class="b" d="m0,31.50146c0-5.79492,4.70312-10.49805,10.49805-10.49805s10.49805,4.70312,10.49805,10.49805-4.70312,10.49805-10.49805,10.49805S0,37.29639,0,31.50146Zm16.29297,4.87109c.62988-.16797,1.13379-.67188,1.30176-1.30176.31543-1.15479.31543-3.56934.31543-3.56934,0,0,0-2.41455-.31543-3.56934-.16797-.62988-.67188-1.13379-1.30176-1.30176-1.1543-.31494-5.79492-.31494-5.79492-.31494,0,0-4.64062,0-5.77344.31494-.65137.16797-1.15527.67188-1.32324,1.30176-.31543,1.15479-.31543,3.56934-.31543,3.56934,0,0,0,2.41455.31543,3.56934.16797.62988.67188,1.13379,1.32324,1.30176,1.13281.31494,5.77344.31494,5.77344.31494,0,0,4.64062,0,5.79492-.31494Zm-7.26465-7.09668l3.84277,2.22559-3.84277,2.22559v-4.45117Z"/><path class="b" d="m21,31.50146c0-5.79492,4.70312-10.49805,10.49805-10.49805s10.49805,4.70312,10.49805,10.49805-4.70312,10.49805-10.49805,10.49805-10.49805-4.70312-10.49805-10.49805Zm14.88672,5.47998c.88086-.86084,1.19629-1.84766,1.19629-2.75049,0-.5249-.12598-1.0498-.29395-1.44873-.33594-.75586-.96582-1.38574-1.84766-1.80566-.0625-.021-.12598-.04199-.18945-.08398-.10449-1.99463-1.2168-3.14941-3.08594-3.14941h-.04199c-1.13379,0-2.03613.46191-2.62402,1.32275l1.02832.69287c.44043-.62988,1.1123-.77686,1.5957-.77686h.02051c.63086,0,1.07129.16797,1.38672.5249.20898.25195.35645.58789.44043,1.02881-.39941-.06299-.83984-.10498-1.28027-.10498-.16797,0-.33594,0-.50391.021-.83984.04199-1.5752.31494-2.09961.75586-.50391.44092-.77734,1.0498-.77734,1.70068,0,.75586.37793,1.42773,1.0293,1.84766.48242.31494,1.0918.48291,1.74219.48291,1.00781,0,1.80566-.37793,2.35156-1.0708.39844-.46191.65039-1.11279.75586-1.91064.46191.25195.77734.60889.96582,1.02881.12598.27295.18848.58789.18848.92383,0,.60889-.20898,1.28076-.81836,1.88965-.86133.81885-1.86914,1.17578-3.42188,1.19678-1.70117-.021-2.98242-.5459-3.82227-1.5957-.79688-.96582-1.19629-2.39355-1.2168-4.19922.02051-1.82666.41992-3.2334,1.2168-4.19922.83984-1.0498,2.12109-1.57471,3.82227-1.5957,2.60352.021,4.24023,1.19678,4.8916,3.52734l1.19629-.33594c-.39844-1.38574-1.0918-2.45654-2.05664-3.2124-1.05078-.79785-2.39453-1.21777-4.03125-1.21777-2.09961,0-3.7168.69287-4.78711,2.05762-.9668,1.19678-1.4707,2.85547-1.49121,4.97607.02051,2.09961.52441,3.7793,1.49121,4.97607,1.07031,1.36475,2.6875,2.05762,4.78711,2.05762,1.86816,0,3.23242-.50391,4.2832-1.55371Zm-5.83789-4.07324c0-.67188.67188-1.15479,1.72266-1.21777h.41992c.46094,0,.90234.04199,1.30078.12598-.14648,1.93164-1.17578,2.18359-1.88867,2.18359-.77734,0-1.55469-.35693-1.55469-1.0918Z"/><path class="b" d="m41.99609,52.52246c0,5.79492-4.68164,10.49805-10.49805,10.49805-5.79492,0-10.49805-4.70312-10.49805-10.49805s4.70312-10.49805,10.49805-10.49805c5.81641,0,10.49805,4.70312,10.49805,10.49805Zm-13.35352-5.03906c0-.81885-.65039-1.46973-1.44922-1.46973-.81836,0-1.46875.65088-1.46875,1.46973,0,.79785.65039,1.44873,1.46875,1.44873.79883,0,1.44922-.65088,1.44922-1.44873Zm-2.70898,10.51904h2.49902v-7.99951h-2.49902v7.99951Zm4.05273-7.99951v7.99951h2.47754v-4.24121c0-.83984.35645-1.76367,1.36426-1.76367.92383,0,1.40723.56689,1.40723,1.57471v4.43018h2.47754v-4.76611c0-2.85547-1.36523-3.40137-3.02344-3.40137-1.34375,0-1.95312.75586-2.28906,1.25977h-.0625v-1.0918h-2.35156Z"/><path class="b" d="m0,52.52246c0-5.79492,4.70312-10.49805,10.49805-10.49805s10.49805,4.70312,10.49805,10.49805-4.70312,10.49805-10.49805,10.49805S0,58.31738,0,52.52246Zm8.33594,4.74512v-7.13867s2.35156-.08398,3.19141.021c.79688.08398,1.0918.58789,1.1123,1.6167.02051,1.17578,0,1.78467,0,5.50098h2.64551s.04199-4.24121,0-5.73193c-.04199-2.62451-.96582-3.69531-3.40137-3.7583-1.80566-.04199-4.36719.06299-6.19434.06299v9.42725h2.64648Z"/></svg>');
}

.drawer__content__social__list__item.drawer__content__social__list__item--facebook::before, .icon--sns--facebook::before, .footer__sns__list__item--facebook .footer__sns__list__item__anchor::before {
  mask-position: 50% 0%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--instagram::before, .icon--sns--instagram::before, .footer__sns__list__item--instagram .footer__sns__list__item__anchor::before {
  mask-position: 100% 0%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--youtube::before, .icon--sns--youtube::before, .footer__sns__list__item--youtube .footer__sns__list__item__anchor::before {
  mask-position: 0% 50%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--threads::before, .icon--sns--threads::before, .footer__sns__list__item--threads .footer__sns__list__item__anchor::before {
  mask-position: 50% 50%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--line::before, .icon--sns--line::before, .footer__sns__list__item--line .footer__sns__list__item__anchor::before {
  mask-position: 100% 50%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--note::before, .icon--sns--note::before, .footer__sns__list__item--note .footer__sns__list__item__anchor::before {
  mask-position: 0% 100%;
}

.drawer__content__social__list__item.drawer__content__social__list__item--linkedin::before, .icon--sns--linkedin::before, .footer__sns__list__item--linkedin .footer__sns__list__item__anchor::before {
  mask-position: 50% 100%;
}

.icon--site--mail::before, .footer__mail__anchor__icon::before, .footer__info__list__item--mail i::before {
  mask-position: 33.3333333333% 0%;
}

.icon--site--tel::before, .footer__info__list__item--phone i::before {
  mask-position: 66.6666666667% 0%;
}

.icon--site--search::before {
  mask-position: 100% 0%;
}

a.newslist__list__item__anchor::before, .icon--site--arrow-stem::before {
  mask-position: 0% 33.3333333333%;
}

.pagination__list__item:has(.prev) a::before, .pagination__list__item:has(.next) a::before, .icon--site--arrow::before {
  mask-position: 33.3333333333% 33.3333333333%;
}

.icon--site--arrow-stem-bold::before, .draw-more--fusion i::before {
  mask-position: 66.6666666667% 33.3333333333%;
}

.splide__arrow::before, .icon--site--arrow-bold::before {
  mask-position: 100% 33.3333333333%;
}

.icon--site--arrow-stem-circle::before {
  mask-position: 0% 66.6666666667%;
}

.s-home__news__more::before, .icon--site--arrow-circle::before {
  mask-position: 33.3333333333% 66.6666666667%;
}

.icon--site--breadcrump::before {
  mask-position: 66.6666666667% 66.6666666667%;
}

a.newslist__list__item__anchor:where([target=_blank])::before, .icon--site--blank::before {
  mask-position: 100% 66.6666666667%;
}

.jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]::before, .icon--site--plus::before {
  mask-position: 0% 100%;
}

.jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all)::before, .details__summary__icon span::before, .icon--site--minus::before {
  mask-position: 33.3333333333% 100%;
}

.icon--site--cross::before {
  mask-position: 66.6666666667% 100%;
}

.bordered {
  border-style: solid;
  border-color: rgba(22, 24, 26, 0.11);
  border-width: 0.1rem;
}

.bordered.bordered--group {
  border: 0;
}
.bordered.bordered--group > * {
  border-style: solid;
  border-color: rgba(22, 24, 26, 0.11);
  border-width: 0.1rem;
  margin-bottom: 0 !important;
  border-radius: 0;
}
.bordered.bordered--group > *:not(:first-child) {
  border-top: 0;
}
.bordered.bordered--group.rounded > *:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.bordered.bordered--group.rounded > *:last-child {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.bordered.bordered--group > .form-set input {
  border: 0;
}
.bordered.bordered--group > .form-set:not(:first-child) input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bordered.bordered--group > .form-set:not(:last-child) input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bordered--sm, .bordered--sm.bordered--group > * {
  border-width: 0.8rem;
}

.bordered--md, .bordered--md.bordered--group > * {
  border-width: 1.3rem;
}

.bordered--lg, .bordered--lg.bordered--group > * {
  border-width: 2.1rem;
}

.bordered--xl, .bordered--xl.bordered--group > * {
  border-width: 3.4rem;
}

.rounded, picture.rounded img {
  border-radius: 1lh;
}

.rounded--xxs, picture.rounded--xxs img {
  border-radius: 0.25lh;
}

.rounded--xs, picture.rounded--xs img {
  border-radius: 0.3333333333lh;
}

.rounded--sm, picture.rounded--sm img {
  border-radius: 0.5lh;
}

.rounded--lg, picture.rounded--lg img {
  border-radius: 2lh;
}

.rounded--xl, picture.rounded--xl img {
  border-radius: 3lh;
}

.rounded--xxl, picture.rounded--xxl img {
  border-radius: 4lh;
}

.rounded--max, picture.rounded--max img {
  border-radius: 999.9rem;
}

.box-shadow {
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
}

.inner-shadow {
  box-shadow: 0 0 1.7em rgba(22, 24, 26, 0.17) inset;
}

.neu-shadow {
  box-shadow: 0.5666666667em 0.5666666667em 1.7em 0.1rem rgba(22, 24, 26, 0.17), -0.5666666667em -0.5666666667em 1.7em 0.1rem rgba(255, 255, 255, 0.5);
}

.shadow {
  position: relative;
  z-index: 100;
}
.shadow::before, .shadow::after {
  content: "";
  position: absolute;
}
.shadow::after {
  z-index: 102;
  background-color: var(--color-body);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.shadow::before {
  z-index: 101;
}
.shadow__inner {
  position: relative;
  z-index: 103;
}

.shadow--edge::before {
  box-shadow: 0 0 var(--margin-section) 0 rgba(22, 24, 26, 0.17);
  width: 50%;
  height: 50%;
}

.shadow--edge--t-r::before {
  skew: -5deg -5deg;
  transform-origin: right top;
  top: 0;
  right: 0;
}

.shadow--edge--b-r::before {
  skew: 5deg 5deg;
  transform-origin: right bottom;
  bottom: 0;
  right: 0;
}

.shadow--edge--b-l::before {
  skew: -5deg -5deg;
  transform-origin: left bottom;
  bottom: 0;
  left: 0;
}

.shadow--edge--t-l::before {
  skew: 5deg 5deg;
  transform-origin: left top;
  top: 0;
  left: 0;
}

.shadow--bottom::before {
  width: 100%;
  left: 0;
  border-radius: 50%;
  background: radial-gradient(rgba(22, 24, 26, 0.17), rgba(22, 24, 26, 0) 70%);
  height: calc(var(--margin-section) * 2);
  bottom: calc(var(--margin-section) * -1);
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt", "kern";
  font-variant-numeric: lining-nums;
}

body, input, select, textarea, mark {
  color: var(--color-figure);
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.7;
  line-break: strict;
  font-family: "subset", Geologica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-variant-numeric: oldstyle-nums;
}

::selection {
  background: rgba(0, 64, 152, 0.25);
}

pre {
  white-space: pre-wrap;
}

sup,
sub {
  line-height: 1em;
  font-size: 0.75em;
}
sup::before, sup::after,
sub::before,
sub::after {
  content: " ";
}

sup {
  vertical-align: top;
}
.h2 sup, .h3 sup, .h4 sup, .h5 sup, .h6 sup, .tableView sup {
  color: rgba(22, 24, 26, 0.5);
  font-size: 1rem;
  font-weight: bold;
}
.tableView sup {
  margin-left: 0.25em;
}

sub {
  vertical-align: 0;
}

b, .b, strong, .strong {
  font-style: normal;
  font-weight: bold;
}

em {
  font-style: normal;
  color: #FF922B;
}

mark, .mark {
  background-color: #FFFF00;
}

ruby {
  text-emphasis: none;
}

.sans {
  font-family: "subset", Geologica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.serif {
  font-family: "subset", "Times New Roman", Garamond, Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.monospace {
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
}

.italic {
  font-style: italic !important;
}

.txt-xxs {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1.7;
}

.txt-xs {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.txt-sm {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.txt-md {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.7;
}

.txt-lg {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.7;
}

.txt-xl {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.7;
}

.txt-xxl {
  font-size: var(--font-size--xxl);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: 1.7;
}

.txt-xxxl {
  font-size: var(--font-size--xxxl);
  letter-spacing: var(--letter-spacing--xxxl);
  line-height: 1.7;
}

.nowrap {
  display: inline-block;
}

.justify {
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}

.overflow-break {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.flash-left {
  *zoom: 1;
}
.flash-left::after {
  content: "";
  display: table;
  clear: both;
}
.flash-left > span {
  white-space: nowrap;
  float: left;
}

.tax {
  font-size: 0.75em;
}

a, button {
  color: var(--color-font-link);
  outline: none;
  text-underline-offset: 0.35em;
}
@media (hover: hover) {
  a:hover, button:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 0.1rem;
    color: var(--color-font-link-hover);
  }
}
a:focus-visible, a.is-hover, button:focus-visible, button.is-hover {
  text-decoration-line: underline;
  text-decoration-thickness: 0.1rem;
  color: var(--color-font-link-hover);
}
article a, article button {
  text-decoration-line: underline;
  text-decoration-thickness: 0.1rem;
}
html.un-touched article a:focus-visible, html.un-touched article button:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: var(--radius--sm);
}
a[disabled], button[disabled] {
  color: rgba(22, 24, 26, 0.5);
  pointer-events: none;
}

a, button, .button {
  transition-property: color,background,border,opacity,outline;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.anchor--gap {
  margin-inline: 0.4em;
}

a.anchor--url {
  word-break: break-all;
}

a.anchor--mail,
.mailaddress {
  overflow-wrap: break-word;
}

.ui a, .ui button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .ui a:hover, .ui button:hover {
    text-decoration-line: none;
  }
}
.ui a:focus-visible, .ui a.is-hover, .ui button:focus-visible, .ui button.is-hover {
  text-decoration-line: none;
}

a.ui {
  text-decoration-line: none;
}
@media (hover: hover) {
  a.ui:hover {
    text-decoration-line: none;
  }
}
a.ui:focus-visible, a.ui.is-hover {
  text-decoration-line: none;
}

.anchor--inherit a, .anchor--inherit button {
  color: inherit;
}
@media (hover: hover) {
  .anchor--inherit a:hover, .anchor--inherit button:hover {
    color: inherit;
  }
}
.anchor--inherit a:focus-visible, .anchor--inherit a.is-hover, .anchor--inherit button:focus-visible, .anchor--inherit button.is-hover {
  color: inherit;
}

a.anchor--inherit {
  color: inherit;
}
@media (hover: hover) {
  a.anchor--inherit:hover {
    color: inherit;
  }
}
a.anchor--inherit:focus-visible, a.anchor--inherit.is-hover {
  color: inherit;
}

.anchor--font a, .anchor--font button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .anchor--font a:hover, .anchor--font button:hover {
    color: var(--color-font-link-hover);
  }
}
.anchor--font a:focus-visible, .anchor--font a.is-hover, .anchor--font button:focus-visible, .anchor--font button.is-hover {
  color: var(--color-font-link-hover);
}

a.anchor--font {
  color: var(--color-figure);
}
@media (hover: hover) {
  a.anchor--font:hover {
    color: var(--color-font-link-hover);
  }
}
a.anchor--font:focus-visible, a.anchor--font.is-hover {
  color: var(--color-font-link-hover);
}

.anchor--lihgt a, .anchor--lihgt button {
  color: rgba(22, 24, 26, 0.5);
}
@media (hover: hover) {
  .anchor--lihgt a:hover, .anchor--lihgt button:hover {
    color: rgba(22, 24, 26, 0.75);
  }
}
.anchor--lihgt a:focus-visible, .anchor--lihgt a.is-hover, .anchor--lihgt button:focus-visible, .anchor--lihgt button.is-hover {
  color: rgba(22, 24, 26, 0.75);
}

.anchor--ngtv a, .anchor--ngtv button {
  color: var(--color-body);
}
@media (hover: hover) {
  .anchor--ngtv a:hover, .anchor--ngtv button:hover {
    color: var(--color-body);
  }
}
.anchor--ngtv a:focus-visible, .anchor--ngtv a.is-hover, .anchor--ngtv button:focus-visible, .anchor--ngtv button.is-hover {
  color: var(--color-body);
}

.main {
  color: var(--color-main);
  border-color: currentcolor;
}

.light {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}

.exLight {
  color: rgba(22, 24, 26, 0.3);
  border-color: currentcolor;
}

.txt-ngtv {
  color: var(--color-body);
}
.txt-ngtv a, .txt-ngtv button {
  color: var(--color-body);
}
@media (hover: hover) {
  .txt-ngtv a:hover, .txt-ngtv button:hover {
    color: var(--color-body);
  }
}
.txt-ngtv a:focus-visible, .txt-ngtv a.is-hover, .txt-ngtv button:focus-visible, .txt-ngtv button.is-hover {
  color: var(--color-body);
}

.ground {
  color: #ffffff;
  border-color: currentcolor;
}

.main {
  color: #004098;
  border-color: currentcolor;
}

.gray {
  color: rgb(248.01, 248.07, 248.13);
  border-color: currentcolor;
}

.exGray {
  color: rgb(229.37, 229.59, 229.81);
  border-color: currentcolor;
}

.gray--0 {
  color: rgb(250.34, 250.38, 250.42);
  border-color: currentcolor;
}

.gray--1 {
  color: rgb(248.01, 248.07, 248.13);
  border-color: currentcolor;
}

.gray--2 {
  color: rgb(241.02, 241.14, 241.26);
  border-color: currentcolor;
}

.gray--3 {
  color: rgb(229.37, 229.59, 229.81);
  border-color: currentcolor;
}

.gray--4 {
  color: rgb(215.39, 215.73, 216.07);
  border-color: currentcolor;
}

.gray--9 {
  color: rgb(138.5, 139.5, 140.5);
  border-color: currentcolor;
}

.ngtv {
  color: #16181a;
  border-color: currentcolor;
}

.trans {
  color: transparent;
  border-color: currentcolor;
}

.red {
  color: #a61955;
  border-color: currentcolor;
}

.pink {
  color: #F06595;
  border-color: currentcolor;
}

.grape {
  color: #9F4CDB;
  border-color: currentcolor;
}

.violet {
  color: #845EF7;
  border-color: currentcolor;
}

.indigo {
  color: #4C6EF5;
  border-color: currentcolor;
}

.blue {
  color: #004098;
  border-color: currentcolor;
}

.cyan {
  color: #22B8CF;
  border-color: currentcolor;
}

.teal {
  color: #20C997;
  border-color: currentcolor;
}

.green {
  color: #008B50;
  border-color: currentcolor;
}

.lime {
  color: #94D82D;
  border-color: currentcolor;
}

.yellow {
  color: #FFD43B;
  border-color: currentcolor;
}

.orange {
  color: #FF922B;
  border-color: currentcolor;
}

.highlighter {
  color: #FFFF00;
  border-color: currentcolor;
}

.success {
  color: #008B50;
  border-color: currentcolor;
}

.info {
  color: #004098;
  border-color: currentcolor;
}

.warning {
  color: #FF922B;
  border-color: currentcolor;
}

.danger {
  color: #a61955;
  border-color: currentcolor;
}

.new {
  color: #FF922B;
  border-color: currentcolor;
}

.true {
  color: #008B50;
  border-color: currentcolor;
}

.false {
  color: #a61955;
  border-color: currentcolor;
}

.facebook {
  color: #3a5897;
  border-color: currentcolor;
}

.twitter {
  color: #55acee;
  border-color: currentcolor;
}

.line {
  color: #00b900;
  border-color: currentcolor;
}

.beta {
  font-feature-settings: normal;
}

.palt {
  font-feature-settings: "palt";
}

.pwid {
  font-variant-east-asian: proportional-width;
}

.pkna {
  font-feature-settings: "pkna";
}

.smcp {
  font-feature-settings: "smcp";
}

.liga {
  font-feature-settings: "liga";
}

.dlig {
  font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

.onum {
  font-feature-settings: "onum";
}

.lnum {
  font-feature-settings: "lnum";
}

.frac {
  font-feature-settings: "frac";
}

.tnum {
  font-feature-settings: "frac";
}

.salt {
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}

.vertical-writing {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}

@media print, screen and (max-width: 667px) {
  .vertical-writing--p {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

@media print, screen and (max-width: 667px) {
  .vertical-writing--p-t {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .vertical-writing--p-t {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .vertical-writing--t {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

@media print, screen and (min-width: 667.02px) {
  .vertical-writing--t-d {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .vertical-writing--d {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

.andshy__widow {
  white-space: nowrap;
}

.vf {
  font-family: "subset";
  vertical-align: baseline;
  line-height: 1;
  letter-spacing: 0;
}

.paren--maru-ja {
  font-size: 0.75em;
  vertical-align: 0.125em;
}

.su-maru {
  letter-spacing: -0.15em;
  white-space: nowrap;
}

.ri-maru {
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.ri-ten {
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.hellip {
  font-family: "subset", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  letter-spacing: 0 !important;
  font-variant-east-asian: initial;
}

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

@media print, screen and (max-width: 667px) {
  .ellipsis--p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

@media print, screen and (max-width: 1018px) {
  .ellipsis--p-t {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .ellipsis--t {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

@media print, screen and (min-width: 667.02px) {
  .ellipsis--t-d {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .ellipsis--d {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .ellipsis--w {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
  }
}

.ellipsis-fade {
  overflow: hidden;
  position: relative;
  line-height: 1.7em;
  background-color: rgb(229.37, 229.59, 229.81);
}
.ellipsis-fade span {
  display: block;
}

.ellipsis-fade--1 {
  max-height: 1.7em;
}
.ellipsis-fade--1::before {
  top: 0em;
}

.ellipsis-fade--2 {
  max-height: 3.4em;
}
.ellipsis-fade--2::before {
  top: 1.7em;
}

.ellipsis-fade--3 {
  max-height: 5.1em;
}
.ellipsis-fade--3::before {
  top: 3.4em;
}

.ellipsis-fade--4 {
  max-height: 6.8em;
}
.ellipsis-fade--4::before {
  top: 5.1em;
}

:root {
  --blockquote__padding-left: 3.5rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --blockquote__padding-left: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --blockquote__padding-left: 6.7rem;
  }
}

blockquote:not(:last-child), .blockquote:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
blockquote, .blockquote {
  position: relative;
  padding-left: var(--blockquote__padding-left);
}
blockquote::before, .blockquote::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: currentcolor;
  left: 0;
  top: calc((1.7em - 0.1rem) * 0.5);
  width: calc(var(--blockquote__padding-left) - 0.7em);
}

.blockquote--quote {
  border-top: 0.35em solid transparent;
}
.blockquote--quote::before {
  content: "“";
  background-color: transparent;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  top: 0;
  left: 0;
  font-family: icon-font-13;
  font-variation-settings: "wght" 100;
  font-size: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .blockquote--quote::before {
    font-family: icon-font-21;
    font-variation-settings: "wght" 300;
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  .blockquote--quote::before {
    font-family: icon-font-33;
    font-variation-settings: "wght" 500;
    font-size: 3.3rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .blockquote--quote::before {
    font-family: icon-font-45;
    font-variation-settings: "wght" 700;
    font-size: 4.5rem;
  }
}
.blockquote--quote .blockquote__inner {
  margin-top: -0.35em;
}

.blockquote--kakko {
  border-top: 0.35em solid transparent;
}
.blockquote--kakko::before {
  background-color: transparent;
  border-top: 0.2rem solid currentcolor;
  border-left: 0.2rem solid currentcolor;
  top: 0;
  left: 0;
  width: 0.65rem;
  height: 0.975rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .blockquote--kakko::before {
    width: 1.05rem;
    height: 1.575rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .blockquote--kakko::before {
    width: 1.65rem;
    height: 2.475rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .blockquote--kakko::before {
    width: 1.65rem;
    height: 2.475rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .blockquote--kakko::before {
    width: 2.25rem;
    height: 3.375rem;
  }
}
.blockquote--kakko .blockquote__inner {
  margin-top: -0.35em;
}

.cite {
  display: block;
}
.cite cite {
  display: inline;
}
.wall + .cite:not(:last-child), blockquote + .cite:not(:last-child), .blockquote + .cite:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.wall + .cite, blockquote + .cite, .blockquote + .cite {
  text-align: right;
  position: relative;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
.cite > p, .cite > cite {
  position: relative;
}
.cite > p::before, .cite > cite::before {
  content: "——";
  font-family: "subset";
  margin-right: 0.2em;
}

.blockquote--line {
  padding-left: 1em;
  padding-right: 0;
}
.blockquote--line::after, .blockquote--line::before {
  content: "";
}
.blockquote--line::before {
  width: 0.1rem;
  height: 100%;
  background-color: var(--color-border);
  left: 0;
  top: 0;
}
.blockquote--line::after {
  display: none;
}
.blockquote--line + .cite {
  padding-left: 1em;
  position: relative;
}
.blockquote--line + .cite::before {
  content: "";
  width: 0.1rem;
  height: calc(100% + var(--margin));
  background-color: var(--color-border);
  left: 0;
  bottom: 0;
  position: absolute;
}

.exactly::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: -0.35em;
}

@media print, screen and (max-width: 667px) {
  .exactly--p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.35em;
  }
}

@media print, screen and (max-width: 1018px) {
  .exactly--p-t::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.35em;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .exactly--t::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.35em;
  }
}

@media print, screen and (min-width: 667.02px) {
  .exactly--t-d::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.35em;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .exactly--d::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.35em;
  }
}

:root {
  --circle-text--size: var(--margin-article);
}

.circle-text {
  height: var(--circle-text--size);
  width: var(--circle-text--size);
  position: relative;
  z-index: 1;
}

.circle-text__str {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
  pointer-events: none;
  z-index: 3;
}
.circle-text__str span {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: calc(100% + 2em + 2em);
  bottom: -2em;
  width: 1em;
  text-align: center;
}
.circle-text__str span:nth-child(1) {
  rotate: -45deg;
}
.circle-text__str span:nth-child(2) {
  rotate: -35deg;
}
.circle-text__str span:nth-child(3) {
  rotate: -25deg;
}
.circle-text__str span:nth-child(4) {
  rotate: -15deg;
}
.circle-text__str span:nth-child(5) {
  rotate: -5deg;
}
.circle-text__str span:nth-child(6) {
  rotate: 5deg;
}
.circle-text__str span:nth-child(7) {
  rotate: 15deg;
}
.circle-text__str span:nth-child(8) {
  rotate: 25deg;
}
.circle-text__str span:nth-child(9) {
  rotate: 35deg;
}
.circle-text__str span:nth-child(10) {
  rotate: 45deg;
}

.circle-text__base {
  font-size: var(--font-size--xxl);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: var(--circle-text--size);
  text-align: center;
  position: relative;
  z-index: 4;
  color: var(--color-white);
}
.circle-text:not(:has(.circle-text__fig)) .circle-text__base::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-main);
  z-index: 5;
  border-radius: 50%;
}

.circle-text__base__inner {
  display: block;
  position: relative;
  z-index: 5;
}

.circle-text__fig {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.multiplication {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.multiplication::before, .multiplication::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
}
.multiplication::before {
  rotate: 45deg;
}
.multiplication::after {
  rotate: -45deg;
}

.gen-plus {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.gen-plus::before, .gen-plus::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
}
.gen-plus::before, .gen-plus::after {
  top: -0.1em;
}
.gen-plus::after {
  rotate: 90deg;
}

.colon {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.colon::before, .colon::after {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  background-color: currentcolor;
  width: 0.12em;
  height: 0.12em;
  border-radius: 50%;
}
.colon::before {
  top: 0;
}
.colon::after {
  bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.5;
}

.aligncenter + .h1, .alignright + .h1, .alignleft + .h1,
.aligncenter + .h2,
.alignright + .h2,
.alignleft + .h2,
.aligncenter + .h3,
.alignright + .h3,
.alignleft + .h3,
.aligncenter + .h4,
.alignright + .h4,
.alignleft + .h4,
.aligncenter + .h5,
.alignright + .h5,
.alignleft + .h5,
.aligncenter + .h6,
.alignright + .h6,
.alignleft + .h6,
.aligncenter + .h_label,
.alignright + .h_label,
.alignleft + .h_label {
  clear: none;
}
.h1 h1, .h1 h1 a, .h1 h2, .h1 h2 a, .h1 h3, .h1 h3 a, .h1 h4, .h1 h4 a, .h1 h5, .h1 h5 a, .h1 h6, .h1 h6 a,
.h2 h1,
.h2 h1 a,
.h2 h2,
.h2 h2 a,
.h2 h3,
.h2 h3 a,
.h2 h4,
.h2 h4 a,
.h2 h5,
.h2 h5 a,
.h2 h6,
.h2 h6 a,
.h3 h1,
.h3 h1 a,
.h3 h2,
.h3 h2 a,
.h3 h3,
.h3 h3 a,
.h3 h4,
.h3 h4 a,
.h3 h5,
.h3 h5 a,
.h3 h6,
.h3 h6 a,
.h4 h1,
.h4 h1 a,
.h4 h2,
.h4 h2 a,
.h4 h3,
.h4 h3 a,
.h4 h4,
.h4 h4 a,
.h4 h5,
.h4 h5 a,
.h4 h6,
.h4 h6 a,
.h5 h1,
.h5 h1 a,
.h5 h2,
.h5 h2 a,
.h5 h3,
.h5 h3 a,
.h5 h4,
.h5 h4 a,
.h5 h5,
.h5 h5 a,
.h5 h6,
.h5 h6 a,
.h6 h1,
.h6 h1 a,
.h6 h2,
.h6 h2 a,
.h6 h3,
.h6 h3 a,
.h6 h4,
.h6 h4 a,
.h6 h5,
.h6 h5 a,
.h6 h6,
.h6 h6 a,
.h_label h1,
.h_label h1 a,
.h_label h2,
.h_label h2 a,
.h_label h3,
.h_label h3 a,
.h_label h4,
.h_label h4 a,
.h_label h5,
.h_label h5 a,
.h_label h6,
.h_label h6 a {
  color: #004098;
}
.h1 + picture:not(:first-child),
.h2 + picture:not(:first-child),
.h3 + picture:not(:first-child),
.h4 + picture:not(:first-child),
.h5 + picture:not(:first-child),
.h6 + picture:not(:first-child),
.h_label + picture:not(:first-child) {
  margin-top: calc(var(--margin) * 1 * 1);
}

.header-page:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.header-page {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header-page > * {
  min-width: 0;
}
.header-page > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}

.h1 {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
}
.h1 + .h-sub:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.h1 + .h-sub:not(:first-child) {
  margin-top: calc(var(--margin) * 1 * 1);
}
.h1:not(:only-child):not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.h1:not(:only-child):not(:first-child) {
  first-top: calc(var(--margin-article) * 1);
}
.h1 .entry-title:has(.icon) {
  align-items: center;
  display: grid;
}
.h1 .entry-title:has(.icon) {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.h1 .entry-title:has(.icon) {
  grid-template-columns: auto 1fr;
}
.page .h2:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.page .h2 {
  font-family: "subset", "Times New Roman", Garamond, Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-weight: 500;
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  padding-top: calc(var(--margin-section) + 0.4rem);
  position: relative;
  color: var(--color-main);
}
.page .h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.9rem;
  height: 0.4rem;
  background-color: currentcolor;
}
.page .h2:not(:first-child) {
  margin-top: var(--margin-section);
}

.single-blog .h2:not(:last-child),
.page .h3:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.single-blog .h2,
.page .h3 {
  font-family: "subset", Geologica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  color: var(--color-main);
}
.single-blog .h2:not(:first-child),
.page .h3:not(:first-child) {
  margin-top: var(--margin-section);
}

.page .panel .h2,
.single-blog .panel .h2 {
  padding-top: 0;
}
.page .panel .h2:not(:last-child),
.single-blog .panel .h2:not(:last-child) {
  margin-bottom: calc(var(--margin) * 0.5 * 1);
}
.page .panel .h2,
.single-blog .panel .h2 {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  font-family: "subset", Geologica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.page .panel .h2::before,
.single-blog .panel .h2::before {
  display: none;
}
.page .panel .h2 h2,
.single-blog .panel .h2 h2 {
  color: var(--color-font);
}

.single-blog .h3,
.page .h4 {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  color: var(--color-main);
}
.h3 + .single-blog .h3,
.h3 + .page .h4 {
  margin-top: 0;
}
.single-blog .h3 + .h-sub:not(:first-child),
.page .h4 + .h-sub:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}

.single-blog .h4,
.page .h5 {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
}

.single-blog .h5,
.page .h6 {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
}
.single-blog .h5 + .tableView,
.page .h6 + .tableView {
  margin-top: 1lh;
}

.h-head {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}

.h-bar h2, .h-bar h3, .h-bar h4, .h-bar h5, .h-bar h6 {
  padding-left: 1em;
  padding-bottom: 1.5em;
  border-left: 0.1rem solid currentcolor;
}

.h-bar-r h2, .h-bar-r h3, .h-bar-r h4, .h-bar-r h5, .h-bar-r h6 {
  position: relative;
  padding-left: calc(0.4rem + 0.6em);
}
.h-bar-r h2::before, .h-bar-r h3::before, .h-bar-r h4::before, .h-bar-r h5::before, .h-bar-r h6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 0.4rem;
  height: calc(100% - 0.5em);
  border-radius: 999.9rem;
  background-color: currentcolor;
}

.h-line h2, .h-line h3, .h-line h4, .h-line h5, .h-line h6 {
  padding-left: 1em;
  position: relative;
}
.h-line h2::before, .h-line h3::before, .h-line h4::before, .h-line h5::before, .h-line h6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 0.5em;
  height: 0.1rem;
  background-color: currentcolor;
}

.h-dot h2, .h-dot h3, .h-dot h4, .h-dot h5, .h-dot h6 {
  padding-left: 1em;
  position: relative;
}
.h-dot h2::before, .h-dot h3::before, .h-dot h4::before, .h-dot h5::before, .h-dot h6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: currentcolor;
}

.h-hr h2, .h-hr h3, .h-hr h4, .h-hr h5, .h-hr h6 {
  padding-bottom: 1.7em;
  position: relative;
  margin-bottom: 0;
}
.h-hr h2::before, .h-hr h3::before, .h-hr h4::before, .h-hr h5::before, .h-hr h6::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.85em;
  width: 2em;
  height: 0.1rem;
  background-color: currentcolor;
}

.h-owt {
  overflow: hidden;
}
.h-owt h2, .h-owt h3, .h-owt h4, .h-owt h5, .h-owt h6 {
  text-align: center;
  margin-top: -0.25em;
  margin-bottom: -0.25em;
}
.h-owt h2 span, .h-owt h3 span, .h-owt h4 span, .h-owt h5 span, .h-owt h6 span {
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
  position: relative;
}
.h-owt h2 span::before, .h-owt h2 span::after, .h-owt h3 span::before, .h-owt h3 span::after, .h-owt h4 span::before, .h-owt h4 span::after, .h-owt h5 span::before, .h-owt h5 span::after, .h-owt h6 span::before, .h-owt h6 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.2rem;
  height: 200%;
  background-color: currentcolor;
  transform-origin: center;
}
.h-owt h2 span::before, .h-owt h3 span::before, .h-owt h4 span::before, .h-owt h5 span::before, .h-owt h6 span::before {
  left: -0.25em;
  rotate: -12deg;
}
.h-owt h2 span::after, .h-owt h3 span::after, .h-owt h4 span::after, .h-owt h5 span::after, .h-owt h6 span::after {
  right: -0.25em;
  rotate: 12deg;
}

.h-paren h2, .h-paren h3, .h-paren h4, .h-paren h5, .h-paren h6 {
  text-align: center;
}
.h-paren h2 span, .h-paren h3 span, .h-paren h4 span, .h-paren h5 span, .h-paren h6 span {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  display: inline-block;
  position: relative;
}
.h-paren h2 span::before, .h-paren h2 span::after, .h-paren h3 span::before, .h-paren h3 span::after, .h-paren h4 span::before, .h-paren h4 span::after, .h-paren h5 span::before, .h-paren h5 span::after, .h-paren h6 span::before, .h-paren h6 span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 2.75rem;
  height: 100%;
  border-radius: 50%;
  border: 0.4rem solid currentcolor;
  border-top: 0;
  border-bottom: 0;
}
.h-paren h2 span::before, .h-paren h3 span::before, .h-paren h4 span::before, .h-paren h5 span::before, .h-paren h6 span::before {
  left: 0;
  border-right: 0;
}
.h-paren h2 span::after, .h-paren h3 span::after, .h-paren h4 span::after, .h-paren h5 span::after, .h-paren h6 span::after {
  right: 0;
  border-left: 0;
}

.m-header {
  text-align: center;
  display: grid;
}
.m-header {
  grid-template-columns: auto;
}
.m-header {
  grid-template-rows: auto auto;
}
.m-header h2 {
  max-width: 40em;
  margin-inline: auto;
}
.m-header h2 > span {
  display: block;
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.5;
}
.m-header h2 > span span {
  display: inline-block;
}
.m-header h2:first-child > span {
  margin-bottom: -0.25em;
}
.m-header h2:last-child > span {
  margin-top: -0.25em;
}
.m-header .h-sub {
  position: relative;
  min-width: 4em;
  margin-inline: auto;
  color: #004098;
}
.m-header .h-sub::before {
  content: "";
  position: absolute;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 0.2rem;
  width: 4em;
  background-color: currentcolor;
}
.m-header .h-sub > span {
  display: block;
  text-transform: uppercase;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
}
.m-header .h-copy {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.7;
}

.m-header--a .h-sub {
  padding-top: calc(2em + 0.2rem);
}
.m-header--a .h-sub::before {
  top: 1em;
}

.m-header--a2 h2 {
  grid-row: 2/3;
}
.m-header--a2 .h-sub {
  padding-bottom: calc(2em + 0.2rem);
  grid-row: 1/2;
}
.m-header--a2 .h-sub::before {
  bottom: 1em;
}

figure {
  position: relative;
}
figure img:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.wp-caption {
  width: 100%;
}
.wp-caption:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.wp-caption {
  max-width: 100%;
  min-width: 100%;
}

.wp-caption a:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.wp-caption a {
  display: block;
}

figcaption,
.caption,
.wp-caption-text {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
figcaption:not(:first-child),
.caption:not(:first-child),
.wp-caption-text:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * -1);
}
figcaption:not(:last-child),
.caption:not(:last-child),
.wp-caption-text:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.ruby-base {
  position: relative;
}

.ruby-txt {
  text-align: center;
  line-height: 1.4em;
  white-space: nowrap;
  position: absolute;
  bottom: 1em;
  left: 50%;
  translate: -50% 0;
  scale: 0.5;
  display: block;
  transform-origin: bottom center;
}
.ruby-txt span:first-child, .ruby-txt span:last-child {
  color: transparent;
}

.padding-text {
  border-left: 1em solid var(--color-body);
}
.padding-text span {
  background-color: var(--color-body);
  color: var(--color-figure);
  display: inline-block;
  padding: 0.125em 0.5em 0.125em 0;
  line-height: 1.5em;
  white-space: nowrap;
  margin-left: -0.5em;
}
.padding-text span:not(:first-child) {
  margin-top: -0.125em;
}

@supports (animation-range: 1%) {
  .fit-text {
    font-size: 500px;
    overflow: hidden;
    line-height: 1;
  }
  .fit-text > * {
    margin: 0;
    width: max-content;
    transform-origin: 0 0;
    animation: fix-ratio linear;
    animation-timeline: view(inline);
    animation-range: entry-crossing;
  }
  @keyframes fix-ratio {
    0% {
      margin-bottom: -1lh;
      scale: 0;
    }
  }
}
kbd,
.kbd {
  border-style: solid;
  border-color: rgba(22, 24, 26, 0.11);
  border-width: 0.1rem;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
  padding-inline: 0.3em;
  padding-block: calc(-0.05em - 0.2rem);
  background-color: rgb(248.01, 248.07, 248.13);
  border-radius: 0.4em;
  margin-inline: 0.4em;
  white-space: nowrap;
  display: inline-block;
  box-shadow: 0 0.2em 0 0 rgba(22, 24, 26, 0.11);
  background-clip: padding-box;
  font-size: 0.8em;
}

.flash-keyboard {
  z-index: 1000;
  background-color: rgba(22, 24, 26, 0.8);
  color: #ffffff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  min-width: 320px;
  position: fixed;
  margin: auto;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.6s;
  border-radius: 2lh;
  width: 10.4rem;
  height: 10.4rem;
  text-align: center;
}
.flash-keyboard.is-active {
  transition-duration: 0s;
  pointer-events: auto;
  opacity: 1;
}
.flash-keyboard span {
  position: absolute;
  margin: auto;
  inset: 0;
  font-size: 6.2rem;
  line-height: 1;
  height: 6.2rem;
}

.bg {
  background: none;
  background-repeat: no-repeat;
  transition-property: color, background, border, box-shadow;
}

.bg--instagram {
  background: linear-gradient(30deg, #fcb045, #fd1d1d, #833ab4);
  background-size: 120% calc(100% + 0.2rem);
  background-position: left -0.1rem center;
  color: var(--color-body);
}
.bg--instagram a, .bg--instagram button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--instagram a:hover, .bg--instagram button:hover {
    color: var(--color-body);
  }
}
.bg--instagram a:focus-visible, .bg--instagram a.is-hover, .bg--instagram button:focus-visible, .bg--instagram button.is-hover {
  color: var(--color-body);
}
a.bg--instagram:hover, a.bg--instagram.no-focus:focus, .button-group a.bg--instagram:focus, button.bg--instagram:hover, button.bg--instagram.no-focus:focus, .button-group button.bg--instagram:focus {
  background: linear-gradient(30deg, #fcb045, #fd1d1d, #833ab4);
  background-size: 120% calc(100% + 0.2rem);
  background-position: right -0.1rem center;
}
a.bg--instagram:not(.no-focus):focus, button.bg--instagram:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(253, 29, 29, 0.35);
}

.bg--ground, .bg--ground h1, .bg--ground h2, .bg--ground h3, .bg--ground h4, .bg--ground h5, .bg--ground h6 {
  background-color: #ffffff;
  color: var(--color-figure);
}
.bg--ground a, .bg--ground button, .bg--ground h1 a, .bg--ground h1 button, .bg--ground h2 a, .bg--ground h2 button, .bg--ground h3 a, .bg--ground h3 button, .bg--ground h4 a, .bg--ground h4 button, .bg--ground h5 a, .bg--ground h5 button, .bg--ground h6 a, .bg--ground h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--ground a:hover, .bg--ground button:hover, .bg--ground h1 a:hover, .bg--ground h1 button:hover, .bg--ground h2 a:hover, .bg--ground h2 button:hover, .bg--ground h3 a:hover, .bg--ground h3 button:hover, .bg--ground h4 a:hover, .bg--ground h4 button:hover, .bg--ground h5 a:hover, .bg--ground h5 button:hover, .bg--ground h6 a:hover, .bg--ground h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--ground a:focus-visible, .bg--ground a.is-hover, .bg--ground button:focus-visible, .bg--ground button.is-hover, .bg--ground h1 a:focus-visible, .bg--ground h1 a.is-hover, .bg--ground h1 button:focus-visible, .bg--ground h1 button.is-hover, .bg--ground h2 a:focus-visible, .bg--ground h2 a.is-hover, .bg--ground h2 button:focus-visible, .bg--ground h2 button.is-hover, .bg--ground h3 a:focus-visible, .bg--ground h3 a.is-hover, .bg--ground h3 button:focus-visible, .bg--ground h3 button.is-hover, .bg--ground h4 a:focus-visible, .bg--ground h4 a.is-hover, .bg--ground h4 button:focus-visible, .bg--ground h4 button.is-hover, .bg--ground h5 a:focus-visible, .bg--ground h5 a.is-hover, .bg--ground h5 button:focus-visible, .bg--ground h5 button.is-hover, .bg--ground h6 a:focus-visible, .bg--ground h6 a.is-hover, .bg--ground h6 button:focus-visible, .bg--ground h6 button.is-hover {
  color: var(--color-figure);
}
.bg--ground.is-active {
  background-color: rgb(248.01, 248.07, 248.13);
}

@media (hover: hover) {
  a.bg--ground:hover, .button.bg--ground:hover {
    background-color: rgb(248.01, 248.07, 248.13);
  }
}
.button.bg--ground.no-focus:focus, .button-group .button.bg--ground:focus {
  background-color: rgb(248.01, 248.07, 248.13);
}

.button.bg--ground:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--main, .bg--main h1, .bg--main h2, .bg--main h3, .bg--main h4, .bg--main h5, .bg--main h6 {
  background-color: #004098;
  color: var(--color-body);
}
.bg--main a, .bg--main button, .bg--main h1 a, .bg--main h1 button, .bg--main h2 a, .bg--main h2 button, .bg--main h3 a, .bg--main h3 button, .bg--main h4 a, .bg--main h4 button, .bg--main h5 a, .bg--main h5 button, .bg--main h6 a, .bg--main h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--main a:hover, .bg--main button:hover, .bg--main h1 a:hover, .bg--main h1 button:hover, .bg--main h2 a:hover, .bg--main h2 button:hover, .bg--main h3 a:hover, .bg--main h3 button:hover, .bg--main h4 a:hover, .bg--main h4 button:hover, .bg--main h5 a:hover, .bg--main h5 button:hover, .bg--main h6 a:hover, .bg--main h6 button:hover {
    color: var(--color-body);
  }
}
.bg--main a:focus-visible, .bg--main a.is-hover, .bg--main button:focus-visible, .bg--main button.is-hover, .bg--main h1 a:focus-visible, .bg--main h1 a.is-hover, .bg--main h1 button:focus-visible, .bg--main h1 button.is-hover, .bg--main h2 a:focus-visible, .bg--main h2 a.is-hover, .bg--main h2 button:focus-visible, .bg--main h2 button.is-hover, .bg--main h3 a:focus-visible, .bg--main h3 a.is-hover, .bg--main h3 button:focus-visible, .bg--main h3 button.is-hover, .bg--main h4 a:focus-visible, .bg--main h4 a.is-hover, .bg--main h4 button:focus-visible, .bg--main h4 button.is-hover, .bg--main h5 a:focus-visible, .bg--main h5 a.is-hover, .bg--main h5 button:focus-visible, .bg--main h5 button.is-hover, .bg--main h6 a:focus-visible, .bg--main h6 a.is-hover, .bg--main h6 button:focus-visible, .bg--main h6 button.is-hover {
  color: var(--color-body);
}
.bg--main.is-active {
  background-color: rgb(0, 51.2, 121.6);
}

@media (hover: hover) {
  a.bg--main:hover, .button.bg--main:hover {
    background-color: rgb(0, 51.2, 121.6);
  }
}
.button.bg--main.no-focus:focus, .button-group .button.bg--main:focus {
  background-color: rgb(0, 51.2, 121.6);
}

.button.bg--main:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray, .bg--gray h1, .bg--gray h2, .bg--gray h3, .bg--gray h4, .bg--gray h5, .bg--gray h6 {
  background-color: rgb(248.01, 248.07, 248.13);
  color: var(--color-figure);
}
.bg--gray a, .bg--gray button, .bg--gray h1 a, .bg--gray h1 button, .bg--gray h2 a, .bg--gray h2 button, .bg--gray h3 a, .bg--gray h3 button, .bg--gray h4 a, .bg--gray h4 button, .bg--gray h5 a, .bg--gray h5 button, .bg--gray h6 a, .bg--gray h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray a:hover, .bg--gray button:hover, .bg--gray h1 a:hover, .bg--gray h1 button:hover, .bg--gray h2 a:hover, .bg--gray h2 button:hover, .bg--gray h3 a:hover, .bg--gray h3 button:hover, .bg--gray h4 a:hover, .bg--gray h4 button:hover, .bg--gray h5 a:hover, .bg--gray h5 button:hover, .bg--gray h6 a:hover, .bg--gray h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray a:focus-visible, .bg--gray a.is-hover, .bg--gray button:focus-visible, .bg--gray button.is-hover, .bg--gray h1 a:focus-visible, .bg--gray h1 a.is-hover, .bg--gray h1 button:focus-visible, .bg--gray h1 button.is-hover, .bg--gray h2 a:focus-visible, .bg--gray h2 a.is-hover, .bg--gray h2 button:focus-visible, .bg--gray h2 button.is-hover, .bg--gray h3 a:focus-visible, .bg--gray h3 a.is-hover, .bg--gray h3 button:focus-visible, .bg--gray h3 button.is-hover, .bg--gray h4 a:focus-visible, .bg--gray h4 a.is-hover, .bg--gray h4 button:focus-visible, .bg--gray h4 button.is-hover, .bg--gray h5 a:focus-visible, .bg--gray h5 a.is-hover, .bg--gray h5 button:focus-visible, .bg--gray h5 button.is-hover, .bg--gray h6 a:focus-visible, .bg--gray h6 a.is-hover, .bg--gray h6 button:focus-visible, .bg--gray h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray.is-active {
  background-color: rgb(241.02, 241.14, 241.26);
}

@media (hover: hover) {
  a.bg--gray:hover, .button.bg--gray:hover {
    background-color: rgb(241.02, 241.14, 241.26);
  }
}
.button.bg--gray.no-focus:focus, .button-group .button.bg--gray:focus {
  background-color: rgb(241.02, 241.14, 241.26);
}

.button.bg--gray:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--exGray, .bg--exGray h1, .bg--exGray h2, .bg--exGray h3, .bg--exGray h4, .bg--exGray h5, .bg--exGray h6 {
  background-color: rgb(229.37, 229.59, 229.81);
  color: var(--color-figure);
}
.bg--exGray a, .bg--exGray button, .bg--exGray h1 a, .bg--exGray h1 button, .bg--exGray h2 a, .bg--exGray h2 button, .bg--exGray h3 a, .bg--exGray h3 button, .bg--exGray h4 a, .bg--exGray h4 button, .bg--exGray h5 a, .bg--exGray h5 button, .bg--exGray h6 a, .bg--exGray h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--exGray a:hover, .bg--exGray button:hover, .bg--exGray h1 a:hover, .bg--exGray h1 button:hover, .bg--exGray h2 a:hover, .bg--exGray h2 button:hover, .bg--exGray h3 a:hover, .bg--exGray h3 button:hover, .bg--exGray h4 a:hover, .bg--exGray h4 button:hover, .bg--exGray h5 a:hover, .bg--exGray h5 button:hover, .bg--exGray h6 a:hover, .bg--exGray h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--exGray a:focus-visible, .bg--exGray a.is-hover, .bg--exGray button:focus-visible, .bg--exGray button.is-hover, .bg--exGray h1 a:focus-visible, .bg--exGray h1 a.is-hover, .bg--exGray h1 button:focus-visible, .bg--exGray h1 button.is-hover, .bg--exGray h2 a:focus-visible, .bg--exGray h2 a.is-hover, .bg--exGray h2 button:focus-visible, .bg--exGray h2 button.is-hover, .bg--exGray h3 a:focus-visible, .bg--exGray h3 a.is-hover, .bg--exGray h3 button:focus-visible, .bg--exGray h3 button.is-hover, .bg--exGray h4 a:focus-visible, .bg--exGray h4 a.is-hover, .bg--exGray h4 button:focus-visible, .bg--exGray h4 button.is-hover, .bg--exGray h5 a:focus-visible, .bg--exGray h5 a.is-hover, .bg--exGray h5 button:focus-visible, .bg--exGray h5 button.is-hover, .bg--exGray h6 a:focus-visible, .bg--exGray h6 a.is-hover, .bg--exGray h6 button:focus-visible, .bg--exGray h6 button.is-hover {
  color: var(--color-figure);
}
.bg--exGray.is-active {
  background-color: rgb(215.39, 215.73, 216.07);
}

@media (hover: hover) {
  a.bg--exGray:hover, .button.bg--exGray:hover {
    background-color: rgb(215.39, 215.73, 216.07);
  }
}
.button.bg--exGray.no-focus:focus, .button-group .button.bg--exGray:focus {
  background-color: rgb(215.39, 215.73, 216.07);
}

.button.bg--exGray:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--0, .bg--gray--0 h1, .bg--gray--0 h2, .bg--gray--0 h3, .bg--gray--0 h4, .bg--gray--0 h5, .bg--gray--0 h6 {
  background-color: rgb(250.34, 250.38, 250.42);
  color: var(--color-figure);
}
.bg--gray--0 a, .bg--gray--0 button, .bg--gray--0 h1 a, .bg--gray--0 h1 button, .bg--gray--0 h2 a, .bg--gray--0 h2 button, .bg--gray--0 h3 a, .bg--gray--0 h3 button, .bg--gray--0 h4 a, .bg--gray--0 h4 button, .bg--gray--0 h5 a, .bg--gray--0 h5 button, .bg--gray--0 h6 a, .bg--gray--0 h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray--0 a:hover, .bg--gray--0 button:hover, .bg--gray--0 h1 a:hover, .bg--gray--0 h1 button:hover, .bg--gray--0 h2 a:hover, .bg--gray--0 h2 button:hover, .bg--gray--0 h3 a:hover, .bg--gray--0 h3 button:hover, .bg--gray--0 h4 a:hover, .bg--gray--0 h4 button:hover, .bg--gray--0 h5 a:hover, .bg--gray--0 h5 button:hover, .bg--gray--0 h6 a:hover, .bg--gray--0 h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray--0 a:focus-visible, .bg--gray--0 a.is-hover, .bg--gray--0 button:focus-visible, .bg--gray--0 button.is-hover, .bg--gray--0 h1 a:focus-visible, .bg--gray--0 h1 a.is-hover, .bg--gray--0 h1 button:focus-visible, .bg--gray--0 h1 button.is-hover, .bg--gray--0 h2 a:focus-visible, .bg--gray--0 h2 a.is-hover, .bg--gray--0 h2 button:focus-visible, .bg--gray--0 h2 button.is-hover, .bg--gray--0 h3 a:focus-visible, .bg--gray--0 h3 a.is-hover, .bg--gray--0 h3 button:focus-visible, .bg--gray--0 h3 button.is-hover, .bg--gray--0 h4 a:focus-visible, .bg--gray--0 h4 a.is-hover, .bg--gray--0 h4 button:focus-visible, .bg--gray--0 h4 button.is-hover, .bg--gray--0 h5 a:focus-visible, .bg--gray--0 h5 a.is-hover, .bg--gray--0 h5 button:focus-visible, .bg--gray--0 h5 button.is-hover, .bg--gray--0 h6 a:focus-visible, .bg--gray--0 h6 a.is-hover, .bg--gray--0 h6 button:focus-visible, .bg--gray--0 h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray--0.is-active {
  background-color: rgb(248.01, 248.07, 248.13);
}

@media (hover: hover) {
  a.bg--gray--0:hover, .button.bg--gray--0:hover {
    background-color: rgb(248.01, 248.07, 248.13);
  }
}
.button.bg--gray--0.no-focus:focus, .button-group .button.bg--gray--0:focus {
  background-color: rgb(248.01, 248.07, 248.13);
}

.button.bg--gray--0:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--1, .bg--gray--1 h1, .bg--gray--1 h2, .bg--gray--1 h3, .bg--gray--1 h4, .bg--gray--1 h5, .bg--gray--1 h6 {
  background-color: rgb(248.01, 248.07, 248.13);
  color: var(--color-figure);
}
.bg--gray--1 a, .bg--gray--1 button, .bg--gray--1 h1 a, .bg--gray--1 h1 button, .bg--gray--1 h2 a, .bg--gray--1 h2 button, .bg--gray--1 h3 a, .bg--gray--1 h3 button, .bg--gray--1 h4 a, .bg--gray--1 h4 button, .bg--gray--1 h5 a, .bg--gray--1 h5 button, .bg--gray--1 h6 a, .bg--gray--1 h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray--1 a:hover, .bg--gray--1 button:hover, .bg--gray--1 h1 a:hover, .bg--gray--1 h1 button:hover, .bg--gray--1 h2 a:hover, .bg--gray--1 h2 button:hover, .bg--gray--1 h3 a:hover, .bg--gray--1 h3 button:hover, .bg--gray--1 h4 a:hover, .bg--gray--1 h4 button:hover, .bg--gray--1 h5 a:hover, .bg--gray--1 h5 button:hover, .bg--gray--1 h6 a:hover, .bg--gray--1 h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray--1 a:focus-visible, .bg--gray--1 a.is-hover, .bg--gray--1 button:focus-visible, .bg--gray--1 button.is-hover, .bg--gray--1 h1 a:focus-visible, .bg--gray--1 h1 a.is-hover, .bg--gray--1 h1 button:focus-visible, .bg--gray--1 h1 button.is-hover, .bg--gray--1 h2 a:focus-visible, .bg--gray--1 h2 a.is-hover, .bg--gray--1 h2 button:focus-visible, .bg--gray--1 h2 button.is-hover, .bg--gray--1 h3 a:focus-visible, .bg--gray--1 h3 a.is-hover, .bg--gray--1 h3 button:focus-visible, .bg--gray--1 h3 button.is-hover, .bg--gray--1 h4 a:focus-visible, .bg--gray--1 h4 a.is-hover, .bg--gray--1 h4 button:focus-visible, .bg--gray--1 h4 button.is-hover, .bg--gray--1 h5 a:focus-visible, .bg--gray--1 h5 a.is-hover, .bg--gray--1 h5 button:focus-visible, .bg--gray--1 h5 button.is-hover, .bg--gray--1 h6 a:focus-visible, .bg--gray--1 h6 a.is-hover, .bg--gray--1 h6 button:focus-visible, .bg--gray--1 h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray--1.is-active {
  background-color: rgb(241.02, 241.14, 241.26);
}

@media (hover: hover) {
  a.bg--gray--1:hover, .button.bg--gray--1:hover {
    background-color: rgb(241.02, 241.14, 241.26);
  }
}
.button.bg--gray--1.no-focus:focus, .button-group .button.bg--gray--1:focus {
  background-color: rgb(241.02, 241.14, 241.26);
}

.button.bg--gray--1:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--2, .bg--gray--2 h1, .bg--gray--2 h2, .bg--gray--2 h3, .bg--gray--2 h4, .bg--gray--2 h5, .bg--gray--2 h6 {
  background-color: rgb(241.02, 241.14, 241.26);
  color: var(--color-figure);
}
.bg--gray--2 a, .bg--gray--2 button, .bg--gray--2 h1 a, .bg--gray--2 h1 button, .bg--gray--2 h2 a, .bg--gray--2 h2 button, .bg--gray--2 h3 a, .bg--gray--2 h3 button, .bg--gray--2 h4 a, .bg--gray--2 h4 button, .bg--gray--2 h5 a, .bg--gray--2 h5 button, .bg--gray--2 h6 a, .bg--gray--2 h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray--2 a:hover, .bg--gray--2 button:hover, .bg--gray--2 h1 a:hover, .bg--gray--2 h1 button:hover, .bg--gray--2 h2 a:hover, .bg--gray--2 h2 button:hover, .bg--gray--2 h3 a:hover, .bg--gray--2 h3 button:hover, .bg--gray--2 h4 a:hover, .bg--gray--2 h4 button:hover, .bg--gray--2 h5 a:hover, .bg--gray--2 h5 button:hover, .bg--gray--2 h6 a:hover, .bg--gray--2 h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray--2 a:focus-visible, .bg--gray--2 a.is-hover, .bg--gray--2 button:focus-visible, .bg--gray--2 button.is-hover, .bg--gray--2 h1 a:focus-visible, .bg--gray--2 h1 a.is-hover, .bg--gray--2 h1 button:focus-visible, .bg--gray--2 h1 button.is-hover, .bg--gray--2 h2 a:focus-visible, .bg--gray--2 h2 a.is-hover, .bg--gray--2 h2 button:focus-visible, .bg--gray--2 h2 button.is-hover, .bg--gray--2 h3 a:focus-visible, .bg--gray--2 h3 a.is-hover, .bg--gray--2 h3 button:focus-visible, .bg--gray--2 h3 button.is-hover, .bg--gray--2 h4 a:focus-visible, .bg--gray--2 h4 a.is-hover, .bg--gray--2 h4 button:focus-visible, .bg--gray--2 h4 button.is-hover, .bg--gray--2 h5 a:focus-visible, .bg--gray--2 h5 a.is-hover, .bg--gray--2 h5 button:focus-visible, .bg--gray--2 h5 button.is-hover, .bg--gray--2 h6 a:focus-visible, .bg--gray--2 h6 a.is-hover, .bg--gray--2 h6 button:focus-visible, .bg--gray--2 h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray--2.is-active {
  background-color: rgb(229.37, 229.59, 229.81);
}

@media (hover: hover) {
  a.bg--gray--2:hover, .button.bg--gray--2:hover {
    background-color: rgb(229.37, 229.59, 229.81);
  }
}
.button.bg--gray--2.no-focus:focus, .button-group .button.bg--gray--2:focus {
  background-color: rgb(229.37, 229.59, 229.81);
}

.button.bg--gray--2:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--3, .bg--gray--3 h1, .bg--gray--3 h2, .bg--gray--3 h3, .bg--gray--3 h4, .bg--gray--3 h5, .bg--gray--3 h6 {
  background-color: rgb(229.37, 229.59, 229.81);
  color: var(--color-figure);
}
.bg--gray--3 a, .bg--gray--3 button, .bg--gray--3 h1 a, .bg--gray--3 h1 button, .bg--gray--3 h2 a, .bg--gray--3 h2 button, .bg--gray--3 h3 a, .bg--gray--3 h3 button, .bg--gray--3 h4 a, .bg--gray--3 h4 button, .bg--gray--3 h5 a, .bg--gray--3 h5 button, .bg--gray--3 h6 a, .bg--gray--3 h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray--3 a:hover, .bg--gray--3 button:hover, .bg--gray--3 h1 a:hover, .bg--gray--3 h1 button:hover, .bg--gray--3 h2 a:hover, .bg--gray--3 h2 button:hover, .bg--gray--3 h3 a:hover, .bg--gray--3 h3 button:hover, .bg--gray--3 h4 a:hover, .bg--gray--3 h4 button:hover, .bg--gray--3 h5 a:hover, .bg--gray--3 h5 button:hover, .bg--gray--3 h6 a:hover, .bg--gray--3 h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray--3 a:focus-visible, .bg--gray--3 a.is-hover, .bg--gray--3 button:focus-visible, .bg--gray--3 button.is-hover, .bg--gray--3 h1 a:focus-visible, .bg--gray--3 h1 a.is-hover, .bg--gray--3 h1 button:focus-visible, .bg--gray--3 h1 button.is-hover, .bg--gray--3 h2 a:focus-visible, .bg--gray--3 h2 a.is-hover, .bg--gray--3 h2 button:focus-visible, .bg--gray--3 h2 button.is-hover, .bg--gray--3 h3 a:focus-visible, .bg--gray--3 h3 a.is-hover, .bg--gray--3 h3 button:focus-visible, .bg--gray--3 h3 button.is-hover, .bg--gray--3 h4 a:focus-visible, .bg--gray--3 h4 a.is-hover, .bg--gray--3 h4 button:focus-visible, .bg--gray--3 h4 button.is-hover, .bg--gray--3 h5 a:focus-visible, .bg--gray--3 h5 a.is-hover, .bg--gray--3 h5 button:focus-visible, .bg--gray--3 h5 button.is-hover, .bg--gray--3 h6 a:focus-visible, .bg--gray--3 h6 a.is-hover, .bg--gray--3 h6 button:focus-visible, .bg--gray--3 h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray--3.is-active {
  background-color: rgb(215.39, 215.73, 216.07);
}

@media (hover: hover) {
  a.bg--gray--3:hover, .button.bg--gray--3:hover {
    background-color: rgb(215.39, 215.73, 216.07);
  }
}
.button.bg--gray--3.no-focus:focus, .button-group .button.bg--gray--3:focus {
  background-color: rgb(215.39, 215.73, 216.07);
}

.button.bg--gray--3:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--4, .bg--gray--4 h1, .bg--gray--4 h2, .bg--gray--4 h3, .bg--gray--4 h4, .bg--gray--4 h5, .bg--gray--4 h6 {
  background-color: rgb(215.39, 215.73, 216.07);
  color: var(--color-figure);
}
.bg--gray--4 a, .bg--gray--4 button, .bg--gray--4 h1 a, .bg--gray--4 h1 button, .bg--gray--4 h2 a, .bg--gray--4 h2 button, .bg--gray--4 h3 a, .bg--gray--4 h3 button, .bg--gray--4 h4 a, .bg--gray--4 h4 button, .bg--gray--4 h5 a, .bg--gray--4 h5 button, .bg--gray--4 h6 a, .bg--gray--4 h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--gray--4 a:hover, .bg--gray--4 button:hover, .bg--gray--4 h1 a:hover, .bg--gray--4 h1 button:hover, .bg--gray--4 h2 a:hover, .bg--gray--4 h2 button:hover, .bg--gray--4 h3 a:hover, .bg--gray--4 h3 button:hover, .bg--gray--4 h4 a:hover, .bg--gray--4 h4 button:hover, .bg--gray--4 h5 a:hover, .bg--gray--4 h5 button:hover, .bg--gray--4 h6 a:hover, .bg--gray--4 h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--gray--4 a:focus-visible, .bg--gray--4 a.is-hover, .bg--gray--4 button:focus-visible, .bg--gray--4 button.is-hover, .bg--gray--4 h1 a:focus-visible, .bg--gray--4 h1 a.is-hover, .bg--gray--4 h1 button:focus-visible, .bg--gray--4 h1 button.is-hover, .bg--gray--4 h2 a:focus-visible, .bg--gray--4 h2 a.is-hover, .bg--gray--4 h2 button:focus-visible, .bg--gray--4 h2 button.is-hover, .bg--gray--4 h3 a:focus-visible, .bg--gray--4 h3 a.is-hover, .bg--gray--4 h3 button:focus-visible, .bg--gray--4 h3 button.is-hover, .bg--gray--4 h4 a:focus-visible, .bg--gray--4 h4 a.is-hover, .bg--gray--4 h4 button:focus-visible, .bg--gray--4 h4 button.is-hover, .bg--gray--4 h5 a:focus-visible, .bg--gray--4 h5 a.is-hover, .bg--gray--4 h5 button:focus-visible, .bg--gray--4 h5 button.is-hover, .bg--gray--4 h6 a:focus-visible, .bg--gray--4 h6 a.is-hover, .bg--gray--4 h6 button:focus-visible, .bg--gray--4 h6 button.is-hover {
  color: var(--color-figure);
}
.bg--gray--4.is-active {
  background-color: rgb(189.76, 190.32, 190.88);
}

@media (hover: hover) {
  a.bg--gray--4:hover, .button.bg--gray--4:hover {
    background-color: rgb(189.76, 190.32, 190.88);
  }
}
.button.bg--gray--4.no-focus:focus, .button-group .button.bg--gray--4:focus {
  background-color: rgb(189.76, 190.32, 190.88);
}

.button.bg--gray--4:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--gray--9, .bg--gray--9 h1, .bg--gray--9 h2, .bg--gray--9 h3, .bg--gray--9 h4, .bg--gray--9 h5, .bg--gray--9 h6 {
  background-color: rgb(138.5, 139.5, 140.5);
  color: var(--color-body);
}
.bg--gray--9 a, .bg--gray--9 button, .bg--gray--9 h1 a, .bg--gray--9 h1 button, .bg--gray--9 h2 a, .bg--gray--9 h2 button, .bg--gray--9 h3 a, .bg--gray--9 h3 button, .bg--gray--9 h4 a, .bg--gray--9 h4 button, .bg--gray--9 h5 a, .bg--gray--9 h5 button, .bg--gray--9 h6 a, .bg--gray--9 h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--gray--9 a:hover, .bg--gray--9 button:hover, .bg--gray--9 h1 a:hover, .bg--gray--9 h1 button:hover, .bg--gray--9 h2 a:hover, .bg--gray--9 h2 button:hover, .bg--gray--9 h3 a:hover, .bg--gray--9 h3 button:hover, .bg--gray--9 h4 a:hover, .bg--gray--9 h4 button:hover, .bg--gray--9 h5 a:hover, .bg--gray--9 h5 button:hover, .bg--gray--9 h6 a:hover, .bg--gray--9 h6 button:hover {
    color: var(--color-body);
  }
}
.bg--gray--9 a:focus-visible, .bg--gray--9 a.is-hover, .bg--gray--9 button:focus-visible, .bg--gray--9 button.is-hover, .bg--gray--9 h1 a:focus-visible, .bg--gray--9 h1 a.is-hover, .bg--gray--9 h1 button:focus-visible, .bg--gray--9 h1 button.is-hover, .bg--gray--9 h2 a:focus-visible, .bg--gray--9 h2 a.is-hover, .bg--gray--9 h2 button:focus-visible, .bg--gray--9 h2 button.is-hover, .bg--gray--9 h3 a:focus-visible, .bg--gray--9 h3 a.is-hover, .bg--gray--9 h3 button:focus-visible, .bg--gray--9 h3 button.is-hover, .bg--gray--9 h4 a:focus-visible, .bg--gray--9 h4 a.is-hover, .bg--gray--9 h4 button:focus-visible, .bg--gray--9 h4 button.is-hover, .bg--gray--9 h5 a:focus-visible, .bg--gray--9 h5 a.is-hover, .bg--gray--9 h5 button:focus-visible, .bg--gray--9 h5 button.is-hover, .bg--gray--9 h6 a:focus-visible, .bg--gray--9 h6 a.is-hover, .bg--gray--9 h6 button:focus-visible, .bg--gray--9 h6 button.is-hover {
  color: var(--color-body);
}
.bg--gray--9.is-active {
  background-color: rgb(115.2, 116.4, 117.6);
}

@media (hover: hover) {
  a.bg--gray--9:hover, .button.bg--gray--9:hover {
    background-color: rgb(115.2, 116.4, 117.6);
  }
}
.button.bg--gray--9.no-focus:focus, .button-group .button.bg--gray--9:focus {
  background-color: rgb(115.2, 116.4, 117.6);
}

.button.bg--gray--9:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--ngtv, .bg--ngtv h1, .bg--ngtv h2, .bg--ngtv h3, .bg--ngtv h4, .bg--ngtv h5, .bg--ngtv h6 {
  background-color: #16181a;
  color: var(--color-body);
}
.bg--ngtv a, .bg--ngtv button, .bg--ngtv h1 a, .bg--ngtv h1 button, .bg--ngtv h2 a, .bg--ngtv h2 button, .bg--ngtv h3 a, .bg--ngtv h3 button, .bg--ngtv h4 a, .bg--ngtv h4 button, .bg--ngtv h5 a, .bg--ngtv h5 button, .bg--ngtv h6 a, .bg--ngtv h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--ngtv a:hover, .bg--ngtv button:hover, .bg--ngtv h1 a:hover, .bg--ngtv h1 button:hover, .bg--ngtv h2 a:hover, .bg--ngtv h2 button:hover, .bg--ngtv h3 a:hover, .bg--ngtv h3 button:hover, .bg--ngtv h4 a:hover, .bg--ngtv h4 button:hover, .bg--ngtv h5 a:hover, .bg--ngtv h5 button:hover, .bg--ngtv h6 a:hover, .bg--ngtv h6 button:hover {
    color: var(--color-body);
  }
}
.bg--ngtv a:focus-visible, .bg--ngtv a.is-hover, .bg--ngtv button:focus-visible, .bg--ngtv button.is-hover, .bg--ngtv h1 a:focus-visible, .bg--ngtv h1 a.is-hover, .bg--ngtv h1 button:focus-visible, .bg--ngtv h1 button.is-hover, .bg--ngtv h2 a:focus-visible, .bg--ngtv h2 a.is-hover, .bg--ngtv h2 button:focus-visible, .bg--ngtv h2 button.is-hover, .bg--ngtv h3 a:focus-visible, .bg--ngtv h3 a.is-hover, .bg--ngtv h3 button:focus-visible, .bg--ngtv h3 button.is-hover, .bg--ngtv h4 a:focus-visible, .bg--ngtv h4 a.is-hover, .bg--ngtv h4 button:focus-visible, .bg--ngtv h4 button.is-hover, .bg--ngtv h5 a:focus-visible, .bg--ngtv h5 a.is-hover, .bg--ngtv h5 button:focus-visible, .bg--ngtv h5 button.is-hover, .bg--ngtv h6 a:focus-visible, .bg--ngtv h6 a.is-hover, .bg--ngtv h6 button:focus-visible, .bg--ngtv h6 button.is-hover {
  color: var(--color-body);
}
.bg--ngtv.is-active {
  background-color: rgb(19.8, 21.6, 23.4);
}

@media (hover: hover) {
  a.bg--ngtv:hover, .button.bg--ngtv:hover {
    background-color: rgb(19.8, 21.6, 23.4);
  }
}
.button.bg--ngtv.no-focus:focus, .button-group .button.bg--ngtv:focus {
  background-color: rgb(19.8, 21.6, 23.4);
}

.button.bg--ngtv:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--trans, .bg--trans h1, .bg--trans h2, .bg--trans h3, .bg--trans h4, .bg--trans h5, .bg--trans h6 {
  background-color: transparent;
  color: var(--color-body);
}
.bg--trans a, .bg--trans button, .bg--trans h1 a, .bg--trans h1 button, .bg--trans h2 a, .bg--trans h2 button, .bg--trans h3 a, .bg--trans h3 button, .bg--trans h4 a, .bg--trans h4 button, .bg--trans h5 a, .bg--trans h5 button, .bg--trans h6 a, .bg--trans h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--trans a:hover, .bg--trans button:hover, .bg--trans h1 a:hover, .bg--trans h1 button:hover, .bg--trans h2 a:hover, .bg--trans h2 button:hover, .bg--trans h3 a:hover, .bg--trans h3 button:hover, .bg--trans h4 a:hover, .bg--trans h4 button:hover, .bg--trans h5 a:hover, .bg--trans h5 button:hover, .bg--trans h6 a:hover, .bg--trans h6 button:hover {
    color: var(--color-body);
  }
}
.bg--trans a:focus-visible, .bg--trans a.is-hover, .bg--trans button:focus-visible, .bg--trans button.is-hover, .bg--trans h1 a:focus-visible, .bg--trans h1 a.is-hover, .bg--trans h1 button:focus-visible, .bg--trans h1 button.is-hover, .bg--trans h2 a:focus-visible, .bg--trans h2 a.is-hover, .bg--trans h2 button:focus-visible, .bg--trans h2 button.is-hover, .bg--trans h3 a:focus-visible, .bg--trans h3 a.is-hover, .bg--trans h3 button:focus-visible, .bg--trans h3 button.is-hover, .bg--trans h4 a:focus-visible, .bg--trans h4 a.is-hover, .bg--trans h4 button:focus-visible, .bg--trans h4 button.is-hover, .bg--trans h5 a:focus-visible, .bg--trans h5 a.is-hover, .bg--trans h5 button:focus-visible, .bg--trans h5 button.is-hover, .bg--trans h6 a:focus-visible, .bg--trans h6 a.is-hover, .bg--trans h6 button:focus-visible, .bg--trans h6 button.is-hover {
  color: var(--color-body);
}
.bg--trans.is-active {
  background-color: rgba(255, 255, 255, 0.1);
}

@media (hover: hover) {
  a.bg--trans:hover, .button.bg--trans:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.button.bg--trans.no-focus:focus, .button-group .button.bg--trans:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.button.bg--trans:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.2);
}

.bg--red, .bg--red h1, .bg--red h2, .bg--red h3, .bg--red h4, .bg--red h5, .bg--red h6 {
  background-color: #a61955;
  color: var(--color-body);
}
.bg--red a, .bg--red button, .bg--red h1 a, .bg--red h1 button, .bg--red h2 a, .bg--red h2 button, .bg--red h3 a, .bg--red h3 button, .bg--red h4 a, .bg--red h4 button, .bg--red h5 a, .bg--red h5 button, .bg--red h6 a, .bg--red h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--red a:hover, .bg--red button:hover, .bg--red h1 a:hover, .bg--red h1 button:hover, .bg--red h2 a:hover, .bg--red h2 button:hover, .bg--red h3 a:hover, .bg--red h3 button:hover, .bg--red h4 a:hover, .bg--red h4 button:hover, .bg--red h5 a:hover, .bg--red h5 button:hover, .bg--red h6 a:hover, .bg--red h6 button:hover {
    color: var(--color-body);
  }
}
.bg--red a:focus-visible, .bg--red a.is-hover, .bg--red button:focus-visible, .bg--red button.is-hover, .bg--red h1 a:focus-visible, .bg--red h1 a.is-hover, .bg--red h1 button:focus-visible, .bg--red h1 button.is-hover, .bg--red h2 a:focus-visible, .bg--red h2 a.is-hover, .bg--red h2 button:focus-visible, .bg--red h2 button.is-hover, .bg--red h3 a:focus-visible, .bg--red h3 a.is-hover, .bg--red h3 button:focus-visible, .bg--red h3 button.is-hover, .bg--red h4 a:focus-visible, .bg--red h4 a.is-hover, .bg--red h4 button:focus-visible, .bg--red h4 button.is-hover, .bg--red h5 a:focus-visible, .bg--red h5 a.is-hover, .bg--red h5 button:focus-visible, .bg--red h5 button.is-hover, .bg--red h6 a:focus-visible, .bg--red h6 a.is-hover, .bg--red h6 button:focus-visible, .bg--red h6 button.is-hover {
  color: var(--color-body);
}
.bg--red.is-active {
  background-color: rgb(149.4, 22.5, 76.5);
}

@media (hover: hover) {
  a.bg--red:hover, .button.bg--red:hover {
    background-color: rgb(149.4, 22.5, 76.5);
  }
}
.button.bg--red.no-focus:focus, .button-group .button.bg--red:focus {
  background-color: rgb(149.4, 22.5, 76.5);
}

.button.bg--red:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}

.bg--pink, .bg--pink h1, .bg--pink h2, .bg--pink h3, .bg--pink h4, .bg--pink h5, .bg--pink h6 {
  background-color: #F06595;
  color: var(--color-body);
}
.bg--pink a, .bg--pink button, .bg--pink h1 a, .bg--pink h1 button, .bg--pink h2 a, .bg--pink h2 button, .bg--pink h3 a, .bg--pink h3 button, .bg--pink h4 a, .bg--pink h4 button, .bg--pink h5 a, .bg--pink h5 button, .bg--pink h6 a, .bg--pink h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--pink a:hover, .bg--pink button:hover, .bg--pink h1 a:hover, .bg--pink h1 button:hover, .bg--pink h2 a:hover, .bg--pink h2 button:hover, .bg--pink h3 a:hover, .bg--pink h3 button:hover, .bg--pink h4 a:hover, .bg--pink h4 button:hover, .bg--pink h5 a:hover, .bg--pink h5 button:hover, .bg--pink h6 a:hover, .bg--pink h6 button:hover {
    color: var(--color-body);
  }
}
.bg--pink a:focus-visible, .bg--pink a.is-hover, .bg--pink button:focus-visible, .bg--pink button.is-hover, .bg--pink h1 a:focus-visible, .bg--pink h1 a.is-hover, .bg--pink h1 button:focus-visible, .bg--pink h1 button.is-hover, .bg--pink h2 a:focus-visible, .bg--pink h2 a.is-hover, .bg--pink h2 button:focus-visible, .bg--pink h2 button.is-hover, .bg--pink h3 a:focus-visible, .bg--pink h3 a.is-hover, .bg--pink h3 button:focus-visible, .bg--pink h3 button.is-hover, .bg--pink h4 a:focus-visible, .bg--pink h4 a.is-hover, .bg--pink h4 button:focus-visible, .bg--pink h4 button.is-hover, .bg--pink h5 a:focus-visible, .bg--pink h5 a.is-hover, .bg--pink h5 button:focus-visible, .bg--pink h5 button.is-hover, .bg--pink h6 a:focus-visible, .bg--pink h6 a.is-hover, .bg--pink h6 button:focus-visible, .bg--pink h6 button.is-hover {
  color: var(--color-body);
}
.bg--pink.is-active {
  background-color: rgb(236.9733727811, 69.9266272189, 127.6118343195);
}

@media (hover: hover) {
  a.bg--pink:hover, .button.bg--pink:hover {
    background-color: rgb(236.9733727811, 69.9266272189, 127.6118343195);
  }
}
.button.bg--pink.no-focus:focus, .button-group .button.bg--pink:focus {
  background-color: rgb(236.9733727811, 69.9266272189, 127.6118343195);
}

.button.bg--pink:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(240, 101, 149, 0.35);
}

.bg--grape, .bg--grape h1, .bg--grape h2, .bg--grape h3, .bg--grape h4, .bg--grape h5, .bg--grape h6 {
  background-color: #9F4CDB;
  color: var(--color-body);
}
.bg--grape a, .bg--grape button, .bg--grape h1 a, .bg--grape h1 button, .bg--grape h2 a, .bg--grape h2 button, .bg--grape h3 a, .bg--grape h3 button, .bg--grape h4 a, .bg--grape h4 button, .bg--grape h5 a, .bg--grape h5 button, .bg--grape h6 a, .bg--grape h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--grape a:hover, .bg--grape button:hover, .bg--grape h1 a:hover, .bg--grape h1 button:hover, .bg--grape h2 a:hover, .bg--grape h2 button:hover, .bg--grape h3 a:hover, .bg--grape h3 button:hover, .bg--grape h4 a:hover, .bg--grape h4 button:hover, .bg--grape h5 a:hover, .bg--grape h5 button:hover, .bg--grape h6 a:hover, .bg--grape h6 button:hover {
    color: var(--color-body);
  }
}
.bg--grape a:focus-visible, .bg--grape a.is-hover, .bg--grape button:focus-visible, .bg--grape button.is-hover, .bg--grape h1 a:focus-visible, .bg--grape h1 a.is-hover, .bg--grape h1 button:focus-visible, .bg--grape h1 button.is-hover, .bg--grape h2 a:focus-visible, .bg--grape h2 a.is-hover, .bg--grape h2 button:focus-visible, .bg--grape h2 button.is-hover, .bg--grape h3 a:focus-visible, .bg--grape h3 a.is-hover, .bg--grape h3 button:focus-visible, .bg--grape h3 button.is-hover, .bg--grape h4 a:focus-visible, .bg--grape h4 a.is-hover, .bg--grape h4 button:focus-visible, .bg--grape h4 button.is-hover, .bg--grape h5 a:focus-visible, .bg--grape h5 a.is-hover, .bg--grape h5 button:focus-visible, .bg--grape h5 button.is-hover, .bg--grape h6 a:focus-visible, .bg--grape h6 a.is-hover, .bg--grape h6 button:focus-visible, .bg--grape h6 button.is-hover {
  color: var(--color-body);
}
.bg--grape.is-active {
  background-color: rgb(148.4623255814, 56.351627907, 215.048372093);
}

@media (hover: hover) {
  a.bg--grape:hover, .button.bg--grape:hover {
    background-color: rgb(148.4623255814, 56.351627907, 215.048372093);
  }
}
.button.bg--grape.no-focus:focus, .button-group .button.bg--grape:focus {
  background-color: rgb(148.4623255814, 56.351627907, 215.048372093);
}

.button.bg--grape:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(159, 76, 219, 0.3);
}

.bg--violet, .bg--violet h1, .bg--violet h2, .bg--violet h3, .bg--violet h4, .bg--violet h5, .bg--violet h6 {
  background-color: #845EF7;
  color: var(--color-body);
}
.bg--violet a, .bg--violet button, .bg--violet h1 a, .bg--violet h1 button, .bg--violet h2 a, .bg--violet h2 button, .bg--violet h3 a, .bg--violet h3 button, .bg--violet h4 a, .bg--violet h4 button, .bg--violet h5 a, .bg--violet h5 button, .bg--violet h6 a, .bg--violet h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--violet a:hover, .bg--violet button:hover, .bg--violet h1 a:hover, .bg--violet h1 button:hover, .bg--violet h2 a:hover, .bg--violet h2 button:hover, .bg--violet h3 a:hover, .bg--violet h3 button:hover, .bg--violet h4 a:hover, .bg--violet h4 button:hover, .bg--violet h5 a:hover, .bg--violet h5 button:hover, .bg--violet h6 a:hover, .bg--violet h6 button:hover {
    color: var(--color-body);
  }
}
.bg--violet a:focus-visible, .bg--violet a.is-hover, .bg--violet button:focus-visible, .bg--violet button.is-hover, .bg--violet h1 a:focus-visible, .bg--violet h1 a.is-hover, .bg--violet h1 button:focus-visible, .bg--violet h1 button.is-hover, .bg--violet h2 a:focus-visible, .bg--violet h2 a.is-hover, .bg--violet h2 button:focus-visible, .bg--violet h2 button.is-hover, .bg--violet h3 a:focus-visible, .bg--violet h3 a.is-hover, .bg--violet h3 button:focus-visible, .bg--violet h3 button.is-hover, .bg--violet h4 a:focus-visible, .bg--violet h4 a.is-hover, .bg--violet h4 button:focus-visible, .bg--violet h4 button.is-hover, .bg--violet h5 a:focus-visible, .bg--violet h5 a.is-hover, .bg--violet h5 button:focus-visible, .bg--violet h5 button.is-hover, .bg--violet h6 a:focus-visible, .bg--violet h6 a.is-hover, .bg--violet h6 button:focus-visible, .bg--violet h6 button.is-hover {
  color: var(--color-body);
}
.bg--violet.is-active {
  background-color: rgb(117.1089940828, 74.5085207101, 246.0314792899);
}

@media (hover: hover) {
  a.bg--violet:hover, .button.bg--violet:hover {
    background-color: rgb(117.1089940828, 74.5085207101, 246.0314792899);
  }
}
.button.bg--violet.no-focus:focus, .button-group .button.bg--violet:focus {
  background-color: rgb(117.1089940828, 74.5085207101, 246.0314792899);
}

.button.bg--violet:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(132, 94, 247, 0.35);
}

.bg--indigo, .bg--indigo h1, .bg--indigo h2, .bg--indigo h3, .bg--indigo h4, .bg--indigo h5, .bg--indigo h6 {
  background-color: #4C6EF5;
  color: var(--color-body);
}
.bg--indigo a, .bg--indigo button, .bg--indigo h1 a, .bg--indigo h1 button, .bg--indigo h2 a, .bg--indigo h2 button, .bg--indigo h3 a, .bg--indigo h3 button, .bg--indigo h4 a, .bg--indigo h4 button, .bg--indigo h5 a, .bg--indigo h5 button, .bg--indigo h6 a, .bg--indigo h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--indigo a:hover, .bg--indigo button:hover, .bg--indigo h1 a:hover, .bg--indigo h1 button:hover, .bg--indigo h2 a:hover, .bg--indigo h2 button:hover, .bg--indigo h3 a:hover, .bg--indigo h3 button:hover, .bg--indigo h4 a:hover, .bg--indigo h4 button:hover, .bg--indigo h5 a:hover, .bg--indigo h5 button:hover, .bg--indigo h6 a:hover, .bg--indigo h6 button:hover {
    color: var(--color-body);
  }
}
.bg--indigo a:focus-visible, .bg--indigo a.is-hover, .bg--indigo button:focus-visible, .bg--indigo button.is-hover, .bg--indigo h1 a:focus-visible, .bg--indigo h1 a.is-hover, .bg--indigo h1 button:focus-visible, .bg--indigo h1 button.is-hover, .bg--indigo h2 a:focus-visible, .bg--indigo h2 a.is-hover, .bg--indigo h2 button:focus-visible, .bg--indigo h2 button.is-hover, .bg--indigo h3 a:focus-visible, .bg--indigo h3 a.is-hover, .bg--indigo h3 button:focus-visible, .bg--indigo h3 button.is-hover, .bg--indigo h4 a:focus-visible, .bg--indigo h4 a.is-hover, .bg--indigo h4 button:focus-visible, .bg--indigo h4 button.is-hover, .bg--indigo h5 a:focus-visible, .bg--indigo h5 a.is-hover, .bg--indigo h5 button:focus-visible, .bg--indigo h5 button.is-hover, .bg--indigo h6 a:focus-visible, .bg--indigo h6 a.is-hover, .bg--indigo h6 button:focus-visible, .bg--indigo h6 button.is-hover {
  color: var(--color-body);
}
.bg--indigo.is-active {
  background-color: rgb(54.7188888889, 92.7611111111, 243.8111111111);
}

@media (hover: hover) {
  a.bg--indigo:hover, .button.bg--indigo:hover {
    background-color: rgb(54.7188888889, 92.7611111111, 243.8111111111);
  }
}
.button.bg--indigo.no-focus:focus, .button-group .button.bg--indigo:focus {
  background-color: rgb(54.7188888889, 92.7611111111, 243.8111111111);
}

.button.bg--indigo:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(76, 110, 245, 0.35);
}

.bg--blue, .bg--blue h1, .bg--blue h2, .bg--blue h3, .bg--blue h4, .bg--blue h5, .bg--blue h6 {
  background-color: #004098;
  color: var(--color-body);
}
.bg--blue a, .bg--blue button, .bg--blue h1 a, .bg--blue h1 button, .bg--blue h2 a, .bg--blue h2 button, .bg--blue h3 a, .bg--blue h3 button, .bg--blue h4 a, .bg--blue h4 button, .bg--blue h5 a, .bg--blue h5 button, .bg--blue h6 a, .bg--blue h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--blue a:hover, .bg--blue button:hover, .bg--blue h1 a:hover, .bg--blue h1 button:hover, .bg--blue h2 a:hover, .bg--blue h2 button:hover, .bg--blue h3 a:hover, .bg--blue h3 button:hover, .bg--blue h4 a:hover, .bg--blue h4 button:hover, .bg--blue h5 a:hover, .bg--blue h5 button:hover, .bg--blue h6 a:hover, .bg--blue h6 button:hover {
    color: var(--color-body);
  }
}
.bg--blue a:focus-visible, .bg--blue a.is-hover, .bg--blue button:focus-visible, .bg--blue button.is-hover, .bg--blue h1 a:focus-visible, .bg--blue h1 a.is-hover, .bg--blue h1 button:focus-visible, .bg--blue h1 button.is-hover, .bg--blue h2 a:focus-visible, .bg--blue h2 a.is-hover, .bg--blue h2 button:focus-visible, .bg--blue h2 button.is-hover, .bg--blue h3 a:focus-visible, .bg--blue h3 a.is-hover, .bg--blue h3 button:focus-visible, .bg--blue h3 button.is-hover, .bg--blue h4 a:focus-visible, .bg--blue h4 a.is-hover, .bg--blue h4 button:focus-visible, .bg--blue h4 button.is-hover, .bg--blue h5 a:focus-visible, .bg--blue h5 a.is-hover, .bg--blue h5 button:focus-visible, .bg--blue h5 button.is-hover, .bg--blue h6 a:focus-visible, .bg--blue h6 a.is-hover, .bg--blue h6 button:focus-visible, .bg--blue h6 button.is-hover {
  color: var(--color-body);
}
.bg--blue.is-active {
  background-color: rgb(0, 51.2, 121.6);
}

@media (hover: hover) {
  a.bg--blue:hover, .button.bg--blue:hover {
    background-color: rgb(0, 51.2, 121.6);
  }
}
.button.bg--blue.no-focus:focus, .button-group .button.bg--blue:focus {
  background-color: rgb(0, 51.2, 121.6);
}

.button.bg--blue:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--cyan, .bg--cyan h1, .bg--cyan h2, .bg--cyan h3, .bg--cyan h4, .bg--cyan h5, .bg--cyan h6 {
  background-color: #22B8CF;
  color: var(--color-body);
}
.bg--cyan a, .bg--cyan button, .bg--cyan h1 a, .bg--cyan h1 button, .bg--cyan h2 a, .bg--cyan h2 button, .bg--cyan h3 a, .bg--cyan h3 button, .bg--cyan h4 a, .bg--cyan h4 button, .bg--cyan h5 a, .bg--cyan h5 button, .bg--cyan h6 a, .bg--cyan h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--cyan a:hover, .bg--cyan button:hover, .bg--cyan h1 a:hover, .bg--cyan h1 button:hover, .bg--cyan h2 a:hover, .bg--cyan h2 button:hover, .bg--cyan h3 a:hover, .bg--cyan h3 button:hover, .bg--cyan h4 a:hover, .bg--cyan h4 button:hover, .bg--cyan h5 a:hover, .bg--cyan h5 button:hover, .bg--cyan h6 a:hover, .bg--cyan h6 button:hover {
    color: var(--color-body);
  }
}
.bg--cyan a:focus-visible, .bg--cyan a.is-hover, .bg--cyan button:focus-visible, .bg--cyan button.is-hover, .bg--cyan h1 a:focus-visible, .bg--cyan h1 a.is-hover, .bg--cyan h1 button:focus-visible, .bg--cyan h1 button.is-hover, .bg--cyan h2 a:focus-visible, .bg--cyan h2 a.is-hover, .bg--cyan h2 button:focus-visible, .bg--cyan h2 button.is-hover, .bg--cyan h3 a:focus-visible, .bg--cyan h3 a.is-hover, .bg--cyan h3 button:focus-visible, .bg--cyan h3 button.is-hover, .bg--cyan h4 a:focus-visible, .bg--cyan h4 a.is-hover, .bg--cyan h4 button:focus-visible, .bg--cyan h4 button.is-hover, .bg--cyan h5 a:focus-visible, .bg--cyan h5 a.is-hover, .bg--cyan h5 button:focus-visible, .bg--cyan h5 button.is-hover, .bg--cyan h6 a:focus-visible, .bg--cyan h6 a.is-hover, .bg--cyan h6 button:focus-visible, .bg--cyan h6 button.is-hover {
  color: var(--color-body);
}
.bg--cyan.is-active {
  background-color: rgb(31.62, 171.12, 192.51);
}

@media (hover: hover) {
  a.bg--cyan:hover, .button.bg--cyan:hover {
    background-color: rgb(31.62, 171.12, 192.51);
  }
}
.button.bg--cyan.no-focus:focus, .button-group .button.bg--cyan:focus {
  background-color: rgb(31.62, 171.12, 192.51);
}

.button.bg--cyan:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(34, 184, 207, 0.35);
}

.bg--teal, .bg--teal h1, .bg--teal h2, .bg--teal h3, .bg--teal h4, .bg--teal h5, .bg--teal h6 {
  background-color: #20C997;
  color: var(--color-body);
}
.bg--teal a, .bg--teal button, .bg--teal h1 a, .bg--teal h1 button, .bg--teal h2 a, .bg--teal h2 button, .bg--teal h3 a, .bg--teal h3 button, .bg--teal h4 a, .bg--teal h4 button, .bg--teal h5 a, .bg--teal h5 button, .bg--teal h6 a, .bg--teal h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--teal a:hover, .bg--teal button:hover, .bg--teal h1 a:hover, .bg--teal h1 button:hover, .bg--teal h2 a:hover, .bg--teal h2 button:hover, .bg--teal h3 a:hover, .bg--teal h3 button:hover, .bg--teal h4 a:hover, .bg--teal h4 button:hover, .bg--teal h5 a:hover, .bg--teal h5 button:hover, .bg--teal h6 a:hover, .bg--teal h6 button:hover {
    color: var(--color-body);
  }
}
.bg--teal a:focus-visible, .bg--teal a.is-hover, .bg--teal button:focus-visible, .bg--teal button.is-hover, .bg--teal h1 a:focus-visible, .bg--teal h1 a.is-hover, .bg--teal h1 button:focus-visible, .bg--teal h1 button.is-hover, .bg--teal h2 a:focus-visible, .bg--teal h2 a.is-hover, .bg--teal h2 button:focus-visible, .bg--teal h2 button.is-hover, .bg--teal h3 a:focus-visible, .bg--teal h3 a.is-hover, .bg--teal h3 button:focus-visible, .bg--teal h3 button.is-hover, .bg--teal h4 a:focus-visible, .bg--teal h4 a.is-hover, .bg--teal h4 button:focus-visible, .bg--teal h4 button.is-hover, .bg--teal h5 a:focus-visible, .bg--teal h5 a.is-hover, .bg--teal h5 button:focus-visible, .bg--teal h5 button.is-hover, .bg--teal h6 a:focus-visible, .bg--teal h6 a.is-hover, .bg--teal h6 button:focus-visible, .bg--teal h6 button.is-hover {
  color: var(--color-body);
}
.bg--teal.is-active {
  background-color: rgb(29.76, 186.93, 140.43);
}

@media (hover: hover) {
  a.bg--teal:hover, .button.bg--teal:hover {
    background-color: rgb(29.76, 186.93, 140.43);
  }
}
.button.bg--teal.no-focus:focus, .button-group .button.bg--teal:focus {
  background-color: rgb(29.76, 186.93, 140.43);
}

.button.bg--teal:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(32, 201, 151, 0.35);
}

.bg--green, .bg--green h1, .bg--green h2, .bg--green h3, .bg--green h4, .bg--green h5, .bg--green h6 {
  background-color: #008B50;
  color: var(--color-body);
}
.bg--green a, .bg--green button, .bg--green h1 a, .bg--green h1 button, .bg--green h2 a, .bg--green h2 button, .bg--green h3 a, .bg--green h3 button, .bg--green h4 a, .bg--green h4 button, .bg--green h5 a, .bg--green h5 button, .bg--green h6 a, .bg--green h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--green a:hover, .bg--green button:hover, .bg--green h1 a:hover, .bg--green h1 button:hover, .bg--green h2 a:hover, .bg--green h2 button:hover, .bg--green h3 a:hover, .bg--green h3 button:hover, .bg--green h4 a:hover, .bg--green h4 button:hover, .bg--green h5 a:hover, .bg--green h5 button:hover, .bg--green h6 a:hover, .bg--green h6 button:hover {
    color: var(--color-body);
  }
}
.bg--green a:focus-visible, .bg--green a.is-hover, .bg--green button:focus-visible, .bg--green button.is-hover, .bg--green h1 a:focus-visible, .bg--green h1 a.is-hover, .bg--green h1 button:focus-visible, .bg--green h1 button.is-hover, .bg--green h2 a:focus-visible, .bg--green h2 a.is-hover, .bg--green h2 button:focus-visible, .bg--green h2 button.is-hover, .bg--green h3 a:focus-visible, .bg--green h3 a.is-hover, .bg--green h3 button:focus-visible, .bg--green h3 button.is-hover, .bg--green h4 a:focus-visible, .bg--green h4 a.is-hover, .bg--green h4 button:focus-visible, .bg--green h4 button.is-hover, .bg--green h5 a:focus-visible, .bg--green h5 a.is-hover, .bg--green h5 button:focus-visible, .bg--green h5 button.is-hover, .bg--green h6 a:focus-visible, .bg--green h6 a.is-hover, .bg--green h6 button:focus-visible, .bg--green h6 button.is-hover {
  color: var(--color-body);
}
.bg--green.is-active {
  background-color: rgb(0, 125.1, 72);
}

@media (hover: hover) {
  a.bg--green:hover, .button.bg--green:hover {
    background-color: rgb(0, 125.1, 72);
  }
}
.button.bg--green.no-focus:focus, .button-group .button.bg--green:focus {
  background-color: rgb(0, 125.1, 72);
}

.button.bg--green:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}

.bg--lime, .bg--lime h1, .bg--lime h2, .bg--lime h3, .bg--lime h4, .bg--lime h5, .bg--lime h6 {
  background-color: #94D82D;
  color: var(--color-body);
}
.bg--lime a, .bg--lime button, .bg--lime h1 a, .bg--lime h1 button, .bg--lime h2 a, .bg--lime h2 button, .bg--lime h3 a, .bg--lime h3 button, .bg--lime h4 a, .bg--lime h4 button, .bg--lime h5 a, .bg--lime h5 button, .bg--lime h6 a, .bg--lime h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--lime a:hover, .bg--lime button:hover, .bg--lime h1 a:hover, .bg--lime h1 button:hover, .bg--lime h2 a:hover, .bg--lime h2 button:hover, .bg--lime h3 a:hover, .bg--lime h3 button:hover, .bg--lime h4 a:hover, .bg--lime h4 button:hover, .bg--lime h5 a:hover, .bg--lime h5 button:hover, .bg--lime h6 a:hover, .bg--lime h6 button:hover {
    color: var(--color-body);
  }
}
.bg--lime a:focus-visible, .bg--lime a.is-hover, .bg--lime button:focus-visible, .bg--lime button.is-hover, .bg--lime h1 a:focus-visible, .bg--lime h1 a.is-hover, .bg--lime h1 button:focus-visible, .bg--lime h1 button.is-hover, .bg--lime h2 a:focus-visible, .bg--lime h2 a.is-hover, .bg--lime h2 button:focus-visible, .bg--lime h2 button.is-hover, .bg--lime h3 a:focus-visible, .bg--lime h3 a.is-hover, .bg--lime h3 button:focus-visible, .bg--lime h3 button.is-hover, .bg--lime h4 a:focus-visible, .bg--lime h4 a.is-hover, .bg--lime h4 button:focus-visible, .bg--lime h4 button.is-hover, .bg--lime h5 a:focus-visible, .bg--lime h5 a.is-hover, .bg--lime h5 button:focus-visible, .bg--lime h5 button.is-hover, .bg--lime h6 a:focus-visible, .bg--lime h6 a.is-hover, .bg--lime h6 button:focus-visible, .bg--lime h6 button.is-hover {
  color: var(--color-body);
}
.bg--lime.is-active {
  background-color: rgb(138.4243373494, 204.7120481928, 38.0179518072);
}

@media (hover: hover) {
  a.bg--lime:hover, .button.bg--lime:hover {
    background-color: rgb(138.4243373494, 204.7120481928, 38.0179518072);
  }
}
.button.bg--lime.no-focus:focus, .button-group .button.bg--lime:focus {
  background-color: rgb(138.4243373494, 204.7120481928, 38.0179518072);
}

.button.bg--lime:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(148, 216, 45, 0.35);
}

.bg--yellow, .bg--yellow h1, .bg--yellow h2, .bg--yellow h3, .bg--yellow h4, .bg--yellow h5, .bg--yellow h6 {
  background-color: #FFD43B;
  color: var(--color-figure);
}
.bg--yellow a, .bg--yellow button, .bg--yellow h1 a, .bg--yellow h1 button, .bg--yellow h2 a, .bg--yellow h2 button, .bg--yellow h3 a, .bg--yellow h3 button, .bg--yellow h4 a, .bg--yellow h4 button, .bg--yellow h5 a, .bg--yellow h5 button, .bg--yellow h6 a, .bg--yellow h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--yellow a:hover, .bg--yellow button:hover, .bg--yellow h1 a:hover, .bg--yellow h1 button:hover, .bg--yellow h2 a:hover, .bg--yellow h2 button:hover, .bg--yellow h3 a:hover, .bg--yellow h3 button:hover, .bg--yellow h4 a:hover, .bg--yellow h4 button:hover, .bg--yellow h5 a:hover, .bg--yellow h5 button:hover, .bg--yellow h6 a:hover, .bg--yellow h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--yellow a:focus-visible, .bg--yellow a.is-hover, .bg--yellow button:focus-visible, .bg--yellow button.is-hover, .bg--yellow h1 a:focus-visible, .bg--yellow h1 a.is-hover, .bg--yellow h1 button:focus-visible, .bg--yellow h1 button.is-hover, .bg--yellow h2 a:focus-visible, .bg--yellow h2 a.is-hover, .bg--yellow h2 button:focus-visible, .bg--yellow h2 button.is-hover, .bg--yellow h3 a:focus-visible, .bg--yellow h3 a.is-hover, .bg--yellow h3 button:focus-visible, .bg--yellow h3 button.is-hover, .bg--yellow h4 a:focus-visible, .bg--yellow h4 a.is-hover, .bg--yellow h4 button:focus-visible, .bg--yellow h4 button.is-hover, .bg--yellow h5 a:focus-visible, .bg--yellow h5 a.is-hover, .bg--yellow h5 button:focus-visible, .bg--yellow h5 button.is-hover, .bg--yellow h6 a:focus-visible, .bg--yellow h6 a.is-hover, .bg--yellow h6 button:focus-visible, .bg--yellow h6 button.is-hover {
  color: var(--color-figure);
}
.bg--yellow.is-active {
  background-color: rgb(255, 203.7334693878, 21.32);
}

@media (hover: hover) {
  a.bg--yellow:hover, .button.bg--yellow:hover {
    background-color: rgb(255, 203.7334693878, 21.32);
  }
}
.button.bg--yellow.no-focus:focus, .button-group .button.bg--yellow:focus {
  background-color: rgb(255, 203.7334693878, 21.32);
}

.button.bg--yellow:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 212, 59, 0.35);
}

.bg--orange, .bg--orange h1, .bg--orange h2, .bg--orange h3, .bg--orange h4, .bg--orange h5, .bg--orange h6 {
  background-color: #FF922B;
  color: var(--color-body);
}
.bg--orange a, .bg--orange button, .bg--orange h1 a, .bg--orange h1 button, .bg--orange h2 a, .bg--orange h2 button, .bg--orange h3 a, .bg--orange h3 button, .bg--orange h4 a, .bg--orange h4 button, .bg--orange h5 a, .bg--orange h5 button, .bg--orange h6 a, .bg--orange h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--orange a:hover, .bg--orange button:hover, .bg--orange h1 a:hover, .bg--orange h1 button:hover, .bg--orange h2 a:hover, .bg--orange h2 button:hover, .bg--orange h3 a:hover, .bg--orange h3 button:hover, .bg--orange h4 a:hover, .bg--orange h4 button:hover, .bg--orange h5 a:hover, .bg--orange h5 button:hover, .bg--orange h6 a:hover, .bg--orange h6 button:hover {
    color: var(--color-body);
  }
}
.bg--orange a:focus-visible, .bg--orange a.is-hover, .bg--orange button:focus-visible, .bg--orange button.is-hover, .bg--orange h1 a:focus-visible, .bg--orange h1 a.is-hover, .bg--orange h1 button:focus-visible, .bg--orange h1 button.is-hover, .bg--orange h2 a:focus-visible, .bg--orange h2 a.is-hover, .bg--orange h2 button:focus-visible, .bg--orange h2 button.is-hover, .bg--orange h3 a:focus-visible, .bg--orange h3 a.is-hover, .bg--orange h3 button:focus-visible, .bg--orange h3 button.is-hover, .bg--orange h4 a:focus-visible, .bg--orange h4 a.is-hover, .bg--orange h4 button:focus-visible, .bg--orange h4 button.is-hover, .bg--orange h5 a:focus-visible, .bg--orange h5 a.is-hover, .bg--orange h5 button:focus-visible, .bg--orange h5 button.is-hover, .bg--orange h6 a:focus-visible, .bg--orange h6 a.is-hover, .bg--orange h6 button:focus-visible, .bg--orange h6 button.is-hover {
  color: var(--color-body);
}
.bg--orange.is-active {
  background-color: rgb(255, 130.6783018868, 13.2);
}

@media (hover: hover) {
  a.bg--orange:hover, .button.bg--orange:hover {
    background-color: rgb(255, 130.6783018868, 13.2);
  }
}
.button.bg--orange.no-focus:focus, .button-group .button.bg--orange:focus {
  background-color: rgb(255, 130.6783018868, 13.2);
}

.button.bg--orange:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 146, 43, 0.35);
}

.bg--highlighter, .bg--highlighter h1, .bg--highlighter h2, .bg--highlighter h3, .bg--highlighter h4, .bg--highlighter h5, .bg--highlighter h6 {
  background-color: #FFFF00;
  color: var(--color-figure);
}
.bg--highlighter a, .bg--highlighter button, .bg--highlighter h1 a, .bg--highlighter h1 button, .bg--highlighter h2 a, .bg--highlighter h2 button, .bg--highlighter h3 a, .bg--highlighter h3 button, .bg--highlighter h4 a, .bg--highlighter h4 button, .bg--highlighter h5 a, .bg--highlighter h5 button, .bg--highlighter h6 a, .bg--highlighter h6 button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .bg--highlighter a:hover, .bg--highlighter button:hover, .bg--highlighter h1 a:hover, .bg--highlighter h1 button:hover, .bg--highlighter h2 a:hover, .bg--highlighter h2 button:hover, .bg--highlighter h3 a:hover, .bg--highlighter h3 button:hover, .bg--highlighter h4 a:hover, .bg--highlighter h4 button:hover, .bg--highlighter h5 a:hover, .bg--highlighter h5 button:hover, .bg--highlighter h6 a:hover, .bg--highlighter h6 button:hover {
    color: var(--color-figure);
  }
}
.bg--highlighter a:focus-visible, .bg--highlighter a.is-hover, .bg--highlighter button:focus-visible, .bg--highlighter button.is-hover, .bg--highlighter h1 a:focus-visible, .bg--highlighter h1 a.is-hover, .bg--highlighter h1 button:focus-visible, .bg--highlighter h1 button.is-hover, .bg--highlighter h2 a:focus-visible, .bg--highlighter h2 a.is-hover, .bg--highlighter h2 button:focus-visible, .bg--highlighter h2 button.is-hover, .bg--highlighter h3 a:focus-visible, .bg--highlighter h3 a.is-hover, .bg--highlighter h3 button:focus-visible, .bg--highlighter h3 button.is-hover, .bg--highlighter h4 a:focus-visible, .bg--highlighter h4 a.is-hover, .bg--highlighter h4 button:focus-visible, .bg--highlighter h4 button.is-hover, .bg--highlighter h5 a:focus-visible, .bg--highlighter h5 a.is-hover, .bg--highlighter h5 button:focus-visible, .bg--highlighter h5 button.is-hover, .bg--highlighter h6 a:focus-visible, .bg--highlighter h6 a.is-hover, .bg--highlighter h6 button:focus-visible, .bg--highlighter h6 button.is-hover {
  color: var(--color-figure);
}
.bg--highlighter.is-active {
  background-color: rgb(247.35, 247.35, 0);
}

@media (hover: hover) {
  a.bg--highlighter:hover, .button.bg--highlighter:hover {
    background-color: rgb(247.35, 247.35, 0);
  }
}
.button.bg--highlighter.no-focus:focus, .button-group .button.bg--highlighter:focus {
  background-color: rgb(247.35, 247.35, 0);
}

.button.bg--highlighter:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 255, 0, 0.35);
}

.bg--success, .bg--success h1, .bg--success h2, .bg--success h3, .bg--success h4, .bg--success h5, .bg--success h6 {
  background-color: #008B50;
  color: var(--color-body);
}
.bg--success a, .bg--success button, .bg--success h1 a, .bg--success h1 button, .bg--success h2 a, .bg--success h2 button, .bg--success h3 a, .bg--success h3 button, .bg--success h4 a, .bg--success h4 button, .bg--success h5 a, .bg--success h5 button, .bg--success h6 a, .bg--success h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--success a:hover, .bg--success button:hover, .bg--success h1 a:hover, .bg--success h1 button:hover, .bg--success h2 a:hover, .bg--success h2 button:hover, .bg--success h3 a:hover, .bg--success h3 button:hover, .bg--success h4 a:hover, .bg--success h4 button:hover, .bg--success h5 a:hover, .bg--success h5 button:hover, .bg--success h6 a:hover, .bg--success h6 button:hover {
    color: var(--color-body);
  }
}
.bg--success a:focus-visible, .bg--success a.is-hover, .bg--success button:focus-visible, .bg--success button.is-hover, .bg--success h1 a:focus-visible, .bg--success h1 a.is-hover, .bg--success h1 button:focus-visible, .bg--success h1 button.is-hover, .bg--success h2 a:focus-visible, .bg--success h2 a.is-hover, .bg--success h2 button:focus-visible, .bg--success h2 button.is-hover, .bg--success h3 a:focus-visible, .bg--success h3 a.is-hover, .bg--success h3 button:focus-visible, .bg--success h3 button.is-hover, .bg--success h4 a:focus-visible, .bg--success h4 a.is-hover, .bg--success h4 button:focus-visible, .bg--success h4 button.is-hover, .bg--success h5 a:focus-visible, .bg--success h5 a.is-hover, .bg--success h5 button:focus-visible, .bg--success h5 button.is-hover, .bg--success h6 a:focus-visible, .bg--success h6 a.is-hover, .bg--success h6 button:focus-visible, .bg--success h6 button.is-hover {
  color: var(--color-body);
}
.bg--success.is-active {
  background-color: rgb(0, 125.1, 72);
}

@media (hover: hover) {
  a.bg--success:hover, .button.bg--success:hover {
    background-color: rgb(0, 125.1, 72);
  }
}
.button.bg--success.no-focus:focus, .button-group .button.bg--success:focus {
  background-color: rgb(0, 125.1, 72);
}

.button.bg--success:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}

.bg--info, .bg--info h1, .bg--info h2, .bg--info h3, .bg--info h4, .bg--info h5, .bg--info h6 {
  background-color: #004098;
  color: var(--color-body);
}
.bg--info a, .bg--info button, .bg--info h1 a, .bg--info h1 button, .bg--info h2 a, .bg--info h2 button, .bg--info h3 a, .bg--info h3 button, .bg--info h4 a, .bg--info h4 button, .bg--info h5 a, .bg--info h5 button, .bg--info h6 a, .bg--info h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--info a:hover, .bg--info button:hover, .bg--info h1 a:hover, .bg--info h1 button:hover, .bg--info h2 a:hover, .bg--info h2 button:hover, .bg--info h3 a:hover, .bg--info h3 button:hover, .bg--info h4 a:hover, .bg--info h4 button:hover, .bg--info h5 a:hover, .bg--info h5 button:hover, .bg--info h6 a:hover, .bg--info h6 button:hover {
    color: var(--color-body);
  }
}
.bg--info a:focus-visible, .bg--info a.is-hover, .bg--info button:focus-visible, .bg--info button.is-hover, .bg--info h1 a:focus-visible, .bg--info h1 a.is-hover, .bg--info h1 button:focus-visible, .bg--info h1 button.is-hover, .bg--info h2 a:focus-visible, .bg--info h2 a.is-hover, .bg--info h2 button:focus-visible, .bg--info h2 button.is-hover, .bg--info h3 a:focus-visible, .bg--info h3 a.is-hover, .bg--info h3 button:focus-visible, .bg--info h3 button.is-hover, .bg--info h4 a:focus-visible, .bg--info h4 a.is-hover, .bg--info h4 button:focus-visible, .bg--info h4 button.is-hover, .bg--info h5 a:focus-visible, .bg--info h5 a.is-hover, .bg--info h5 button:focus-visible, .bg--info h5 button.is-hover, .bg--info h6 a:focus-visible, .bg--info h6 a.is-hover, .bg--info h6 button:focus-visible, .bg--info h6 button.is-hover {
  color: var(--color-body);
}
.bg--info.is-active {
  background-color: rgb(0, 51.2, 121.6);
}

@media (hover: hover) {
  a.bg--info:hover, .button.bg--info:hover {
    background-color: rgb(0, 51.2, 121.6);
  }
}
.button.bg--info.no-focus:focus, .button-group .button.bg--info:focus {
  background-color: rgb(0, 51.2, 121.6);
}

.button.bg--info:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

.bg--warning, .bg--warning h1, .bg--warning h2, .bg--warning h3, .bg--warning h4, .bg--warning h5, .bg--warning h6 {
  background-color: #FF922B;
  color: var(--color-body);
}
.bg--warning a, .bg--warning button, .bg--warning h1 a, .bg--warning h1 button, .bg--warning h2 a, .bg--warning h2 button, .bg--warning h3 a, .bg--warning h3 button, .bg--warning h4 a, .bg--warning h4 button, .bg--warning h5 a, .bg--warning h5 button, .bg--warning h6 a, .bg--warning h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--warning a:hover, .bg--warning button:hover, .bg--warning h1 a:hover, .bg--warning h1 button:hover, .bg--warning h2 a:hover, .bg--warning h2 button:hover, .bg--warning h3 a:hover, .bg--warning h3 button:hover, .bg--warning h4 a:hover, .bg--warning h4 button:hover, .bg--warning h5 a:hover, .bg--warning h5 button:hover, .bg--warning h6 a:hover, .bg--warning h6 button:hover {
    color: var(--color-body);
  }
}
.bg--warning a:focus-visible, .bg--warning a.is-hover, .bg--warning button:focus-visible, .bg--warning button.is-hover, .bg--warning h1 a:focus-visible, .bg--warning h1 a.is-hover, .bg--warning h1 button:focus-visible, .bg--warning h1 button.is-hover, .bg--warning h2 a:focus-visible, .bg--warning h2 a.is-hover, .bg--warning h2 button:focus-visible, .bg--warning h2 button.is-hover, .bg--warning h3 a:focus-visible, .bg--warning h3 a.is-hover, .bg--warning h3 button:focus-visible, .bg--warning h3 button.is-hover, .bg--warning h4 a:focus-visible, .bg--warning h4 a.is-hover, .bg--warning h4 button:focus-visible, .bg--warning h4 button.is-hover, .bg--warning h5 a:focus-visible, .bg--warning h5 a.is-hover, .bg--warning h5 button:focus-visible, .bg--warning h5 button.is-hover, .bg--warning h6 a:focus-visible, .bg--warning h6 a.is-hover, .bg--warning h6 button:focus-visible, .bg--warning h6 button.is-hover {
  color: var(--color-body);
}
.bg--warning.is-active {
  background-color: rgb(255, 130.6783018868, 13.2);
}

@media (hover: hover) {
  a.bg--warning:hover, .button.bg--warning:hover {
    background-color: rgb(255, 130.6783018868, 13.2);
  }
}
.button.bg--warning.no-focus:focus, .button-group .button.bg--warning:focus {
  background-color: rgb(255, 130.6783018868, 13.2);
}

.button.bg--warning:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 146, 43, 0.35);
}

.bg--danger, .bg--danger h1, .bg--danger h2, .bg--danger h3, .bg--danger h4, .bg--danger h5, .bg--danger h6 {
  background-color: #a61955;
  color: var(--color-body);
}
.bg--danger a, .bg--danger button, .bg--danger h1 a, .bg--danger h1 button, .bg--danger h2 a, .bg--danger h2 button, .bg--danger h3 a, .bg--danger h3 button, .bg--danger h4 a, .bg--danger h4 button, .bg--danger h5 a, .bg--danger h5 button, .bg--danger h6 a, .bg--danger h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--danger a:hover, .bg--danger button:hover, .bg--danger h1 a:hover, .bg--danger h1 button:hover, .bg--danger h2 a:hover, .bg--danger h2 button:hover, .bg--danger h3 a:hover, .bg--danger h3 button:hover, .bg--danger h4 a:hover, .bg--danger h4 button:hover, .bg--danger h5 a:hover, .bg--danger h5 button:hover, .bg--danger h6 a:hover, .bg--danger h6 button:hover {
    color: var(--color-body);
  }
}
.bg--danger a:focus-visible, .bg--danger a.is-hover, .bg--danger button:focus-visible, .bg--danger button.is-hover, .bg--danger h1 a:focus-visible, .bg--danger h1 a.is-hover, .bg--danger h1 button:focus-visible, .bg--danger h1 button.is-hover, .bg--danger h2 a:focus-visible, .bg--danger h2 a.is-hover, .bg--danger h2 button:focus-visible, .bg--danger h2 button.is-hover, .bg--danger h3 a:focus-visible, .bg--danger h3 a.is-hover, .bg--danger h3 button:focus-visible, .bg--danger h3 button.is-hover, .bg--danger h4 a:focus-visible, .bg--danger h4 a.is-hover, .bg--danger h4 button:focus-visible, .bg--danger h4 button.is-hover, .bg--danger h5 a:focus-visible, .bg--danger h5 a.is-hover, .bg--danger h5 button:focus-visible, .bg--danger h5 button.is-hover, .bg--danger h6 a:focus-visible, .bg--danger h6 a.is-hover, .bg--danger h6 button:focus-visible, .bg--danger h6 button.is-hover {
  color: var(--color-body);
}
.bg--danger.is-active {
  background-color: rgb(149.4, 22.5, 76.5);
}

@media (hover: hover) {
  a.bg--danger:hover, .button.bg--danger:hover {
    background-color: rgb(149.4, 22.5, 76.5);
  }
}
.button.bg--danger.no-focus:focus, .button-group .button.bg--danger:focus {
  background-color: rgb(149.4, 22.5, 76.5);
}

.button.bg--danger:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}

.bg--new, .bg--new h1, .bg--new h2, .bg--new h3, .bg--new h4, .bg--new h5, .bg--new h6 {
  background-color: #FF922B;
  color: var(--color-body);
}
.bg--new a, .bg--new button, .bg--new h1 a, .bg--new h1 button, .bg--new h2 a, .bg--new h2 button, .bg--new h3 a, .bg--new h3 button, .bg--new h4 a, .bg--new h4 button, .bg--new h5 a, .bg--new h5 button, .bg--new h6 a, .bg--new h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--new a:hover, .bg--new button:hover, .bg--new h1 a:hover, .bg--new h1 button:hover, .bg--new h2 a:hover, .bg--new h2 button:hover, .bg--new h3 a:hover, .bg--new h3 button:hover, .bg--new h4 a:hover, .bg--new h4 button:hover, .bg--new h5 a:hover, .bg--new h5 button:hover, .bg--new h6 a:hover, .bg--new h6 button:hover {
    color: var(--color-body);
  }
}
.bg--new a:focus-visible, .bg--new a.is-hover, .bg--new button:focus-visible, .bg--new button.is-hover, .bg--new h1 a:focus-visible, .bg--new h1 a.is-hover, .bg--new h1 button:focus-visible, .bg--new h1 button.is-hover, .bg--new h2 a:focus-visible, .bg--new h2 a.is-hover, .bg--new h2 button:focus-visible, .bg--new h2 button.is-hover, .bg--new h3 a:focus-visible, .bg--new h3 a.is-hover, .bg--new h3 button:focus-visible, .bg--new h3 button.is-hover, .bg--new h4 a:focus-visible, .bg--new h4 a.is-hover, .bg--new h4 button:focus-visible, .bg--new h4 button.is-hover, .bg--new h5 a:focus-visible, .bg--new h5 a.is-hover, .bg--new h5 button:focus-visible, .bg--new h5 button.is-hover, .bg--new h6 a:focus-visible, .bg--new h6 a.is-hover, .bg--new h6 button:focus-visible, .bg--new h6 button.is-hover {
  color: var(--color-body);
}
.bg--new.is-active {
  background-color: rgb(255, 130.6783018868, 13.2);
}

@media (hover: hover) {
  a.bg--new:hover, .button.bg--new:hover {
    background-color: rgb(255, 130.6783018868, 13.2);
  }
}
.button.bg--new.no-focus:focus, .button-group .button.bg--new:focus {
  background-color: rgb(255, 130.6783018868, 13.2);
}

.button.bg--new:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 146, 43, 0.35);
}

.bg--true, .bg--true h1, .bg--true h2, .bg--true h3, .bg--true h4, .bg--true h5, .bg--true h6 {
  background-color: #008B50;
  color: var(--color-body);
}
.bg--true a, .bg--true button, .bg--true h1 a, .bg--true h1 button, .bg--true h2 a, .bg--true h2 button, .bg--true h3 a, .bg--true h3 button, .bg--true h4 a, .bg--true h4 button, .bg--true h5 a, .bg--true h5 button, .bg--true h6 a, .bg--true h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--true a:hover, .bg--true button:hover, .bg--true h1 a:hover, .bg--true h1 button:hover, .bg--true h2 a:hover, .bg--true h2 button:hover, .bg--true h3 a:hover, .bg--true h3 button:hover, .bg--true h4 a:hover, .bg--true h4 button:hover, .bg--true h5 a:hover, .bg--true h5 button:hover, .bg--true h6 a:hover, .bg--true h6 button:hover {
    color: var(--color-body);
  }
}
.bg--true a:focus-visible, .bg--true a.is-hover, .bg--true button:focus-visible, .bg--true button.is-hover, .bg--true h1 a:focus-visible, .bg--true h1 a.is-hover, .bg--true h1 button:focus-visible, .bg--true h1 button.is-hover, .bg--true h2 a:focus-visible, .bg--true h2 a.is-hover, .bg--true h2 button:focus-visible, .bg--true h2 button.is-hover, .bg--true h3 a:focus-visible, .bg--true h3 a.is-hover, .bg--true h3 button:focus-visible, .bg--true h3 button.is-hover, .bg--true h4 a:focus-visible, .bg--true h4 a.is-hover, .bg--true h4 button:focus-visible, .bg--true h4 button.is-hover, .bg--true h5 a:focus-visible, .bg--true h5 a.is-hover, .bg--true h5 button:focus-visible, .bg--true h5 button.is-hover, .bg--true h6 a:focus-visible, .bg--true h6 a.is-hover, .bg--true h6 button:focus-visible, .bg--true h6 button.is-hover {
  color: var(--color-body);
}
.bg--true.is-active {
  background-color: rgb(0, 125.1, 72);
}

@media (hover: hover) {
  a.bg--true:hover, .button.bg--true:hover {
    background-color: rgb(0, 125.1, 72);
  }
}
.button.bg--true.no-focus:focus, .button-group .button.bg--true:focus {
  background-color: rgb(0, 125.1, 72);
}

.button.bg--true:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}

.bg--false, .bg--false h1, .bg--false h2, .bg--false h3, .bg--false h4, .bg--false h5, .bg--false h6 {
  background-color: #a61955;
  color: var(--color-body);
}
.bg--false a, .bg--false button, .bg--false h1 a, .bg--false h1 button, .bg--false h2 a, .bg--false h2 button, .bg--false h3 a, .bg--false h3 button, .bg--false h4 a, .bg--false h4 button, .bg--false h5 a, .bg--false h5 button, .bg--false h6 a, .bg--false h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--false a:hover, .bg--false button:hover, .bg--false h1 a:hover, .bg--false h1 button:hover, .bg--false h2 a:hover, .bg--false h2 button:hover, .bg--false h3 a:hover, .bg--false h3 button:hover, .bg--false h4 a:hover, .bg--false h4 button:hover, .bg--false h5 a:hover, .bg--false h5 button:hover, .bg--false h6 a:hover, .bg--false h6 button:hover {
    color: var(--color-body);
  }
}
.bg--false a:focus-visible, .bg--false a.is-hover, .bg--false button:focus-visible, .bg--false button.is-hover, .bg--false h1 a:focus-visible, .bg--false h1 a.is-hover, .bg--false h1 button:focus-visible, .bg--false h1 button.is-hover, .bg--false h2 a:focus-visible, .bg--false h2 a.is-hover, .bg--false h2 button:focus-visible, .bg--false h2 button.is-hover, .bg--false h3 a:focus-visible, .bg--false h3 a.is-hover, .bg--false h3 button:focus-visible, .bg--false h3 button.is-hover, .bg--false h4 a:focus-visible, .bg--false h4 a.is-hover, .bg--false h4 button:focus-visible, .bg--false h4 button.is-hover, .bg--false h5 a:focus-visible, .bg--false h5 a.is-hover, .bg--false h5 button:focus-visible, .bg--false h5 button.is-hover, .bg--false h6 a:focus-visible, .bg--false h6 a.is-hover, .bg--false h6 button:focus-visible, .bg--false h6 button.is-hover {
  color: var(--color-body);
}
.bg--false.is-active {
  background-color: rgb(149.4, 22.5, 76.5);
}

@media (hover: hover) {
  a.bg--false:hover, .button.bg--false:hover {
    background-color: rgb(149.4, 22.5, 76.5);
  }
}
.button.bg--false.no-focus:focus, .button-group .button.bg--false:focus {
  background-color: rgb(149.4, 22.5, 76.5);
}

.button.bg--false:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}

.bg--facebook, .bg--facebook h1, .bg--facebook h2, .bg--facebook h3, .bg--facebook h4, .bg--facebook h5, .bg--facebook h6 {
  background-color: #3a5897;
  color: var(--color-body);
}
.bg--facebook a, .bg--facebook button, .bg--facebook h1 a, .bg--facebook h1 button, .bg--facebook h2 a, .bg--facebook h2 button, .bg--facebook h3 a, .bg--facebook h3 button, .bg--facebook h4 a, .bg--facebook h4 button, .bg--facebook h5 a, .bg--facebook h5 button, .bg--facebook h6 a, .bg--facebook h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--facebook a:hover, .bg--facebook button:hover, .bg--facebook h1 a:hover, .bg--facebook h1 button:hover, .bg--facebook h2 a:hover, .bg--facebook h2 button:hover, .bg--facebook h3 a:hover, .bg--facebook h3 button:hover, .bg--facebook h4 a:hover, .bg--facebook h4 button:hover, .bg--facebook h5 a:hover, .bg--facebook h5 button:hover, .bg--facebook h6 a:hover, .bg--facebook h6 button:hover {
    color: var(--color-body);
  }
}
.bg--facebook a:focus-visible, .bg--facebook a.is-hover, .bg--facebook button:focus-visible, .bg--facebook button.is-hover, .bg--facebook h1 a:focus-visible, .bg--facebook h1 a.is-hover, .bg--facebook h1 button:focus-visible, .bg--facebook h1 button.is-hover, .bg--facebook h2 a:focus-visible, .bg--facebook h2 a.is-hover, .bg--facebook h2 button:focus-visible, .bg--facebook h2 button.is-hover, .bg--facebook h3 a:focus-visible, .bg--facebook h3 a.is-hover, .bg--facebook h3 button:focus-visible, .bg--facebook h3 button.is-hover, .bg--facebook h4 a:focus-visible, .bg--facebook h4 a.is-hover, .bg--facebook h4 button:focus-visible, .bg--facebook h4 button.is-hover, .bg--facebook h5 a:focus-visible, .bg--facebook h5 a.is-hover, .bg--facebook h5 button:focus-visible, .bg--facebook h5 button.is-hover, .bg--facebook h6 a:focus-visible, .bg--facebook h6 a.is-hover, .bg--facebook h6 button:focus-visible, .bg--facebook h6 button.is-hover {
  color: var(--color-body);
}
.bg--facebook.is-active {
  background-color: rgb(53.94, 81.84, 140.43);
}

@media (hover: hover) {
  a.bg--facebook:hover, .button.bg--facebook:hover {
    background-color: rgb(53.94, 81.84, 140.43);
  }
}
.button.bg--facebook.no-focus:focus, .button-group .button.bg--facebook:focus {
  background-color: rgb(53.94, 81.84, 140.43);
}

.button.bg--facebook:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(58, 88, 151, 0.35);
}

.bg--twitter, .bg--twitter h1, .bg--twitter h2, .bg--twitter h3, .bg--twitter h4, .bg--twitter h5, .bg--twitter h6 {
  background-color: #55acee;
  color: var(--color-body);
}
.bg--twitter a, .bg--twitter button, .bg--twitter h1 a, .bg--twitter h1 button, .bg--twitter h2 a, .bg--twitter h2 button, .bg--twitter h3 a, .bg--twitter h3 button, .bg--twitter h4 a, .bg--twitter h4 button, .bg--twitter h5 a, .bg--twitter h5 button, .bg--twitter h6 a, .bg--twitter h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--twitter a:hover, .bg--twitter button:hover, .bg--twitter h1 a:hover, .bg--twitter h1 button:hover, .bg--twitter h2 a:hover, .bg--twitter h2 button:hover, .bg--twitter h3 a:hover, .bg--twitter h3 button:hover, .bg--twitter h4 a:hover, .bg--twitter h4 button:hover, .bg--twitter h5 a:hover, .bg--twitter h5 button:hover, .bg--twitter h6 a:hover, .bg--twitter h6 button:hover {
    color: var(--color-body);
  }
}
.bg--twitter a:focus-visible, .bg--twitter a.is-hover, .bg--twitter button:focus-visible, .bg--twitter button.is-hover, .bg--twitter h1 a:focus-visible, .bg--twitter h1 a.is-hover, .bg--twitter h1 button:focus-visible, .bg--twitter h1 button.is-hover, .bg--twitter h2 a:focus-visible, .bg--twitter h2 a.is-hover, .bg--twitter h2 button:focus-visible, .bg--twitter h2 button.is-hover, .bg--twitter h3 a:focus-visible, .bg--twitter h3 a.is-hover, .bg--twitter h3 button:focus-visible, .bg--twitter h3 button.is-hover, .bg--twitter h4 a:focus-visible, .bg--twitter h4 a.is-hover, .bg--twitter h4 button:focus-visible, .bg--twitter h4 button.is-hover, .bg--twitter h5 a:focus-visible, .bg--twitter h5 a.is-hover, .bg--twitter h5 button:focus-visible, .bg--twitter h5 button.is-hover, .bg--twitter h6 a:focus-visible, .bg--twitter h6 a.is-hover, .bg--twitter h6 button:focus-visible, .bg--twitter h6 button.is-hover {
  color: var(--color-body);
}
.bg--twitter.is-active {
  background-color: rgb(61.5090909091, 160.5309090909, 235.6509090909);
}

@media (hover: hover) {
  a.bg--twitter:hover, .button.bg--twitter:hover {
    background-color: rgb(61.5090909091, 160.5309090909, 235.6509090909);
  }
}
.button.bg--twitter.no-focus:focus, .button-group .button.bg--twitter:focus {
  background-color: rgb(61.5090909091, 160.5309090909, 235.6509090909);
}

.button.bg--twitter:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(85, 172, 238, 0.35);
}

.bg--line, .bg--line h1, .bg--line h2, .bg--line h3, .bg--line h4, .bg--line h5, .bg--line h6 {
  background-color: #00b900;
  color: var(--color-body);
}
.bg--line a, .bg--line button, .bg--line h1 a, .bg--line h1 button, .bg--line h2 a, .bg--line h2 button, .bg--line h3 a, .bg--line h3 button, .bg--line h4 a, .bg--line h4 button, .bg--line h5 a, .bg--line h5 button, .bg--line h6 a, .bg--line h6 button {
  color: var(--color-body);
}
@media (hover: hover) {
  .bg--line a:hover, .bg--line button:hover, .bg--line h1 a:hover, .bg--line h1 button:hover, .bg--line h2 a:hover, .bg--line h2 button:hover, .bg--line h3 a:hover, .bg--line h3 button:hover, .bg--line h4 a:hover, .bg--line h4 button:hover, .bg--line h5 a:hover, .bg--line h5 button:hover, .bg--line h6 a:hover, .bg--line h6 button:hover {
    color: var(--color-body);
  }
}
.bg--line a:focus-visible, .bg--line a.is-hover, .bg--line button:focus-visible, .bg--line button.is-hover, .bg--line h1 a:focus-visible, .bg--line h1 a.is-hover, .bg--line h1 button:focus-visible, .bg--line h1 button.is-hover, .bg--line h2 a:focus-visible, .bg--line h2 a.is-hover, .bg--line h2 button:focus-visible, .bg--line h2 button.is-hover, .bg--line h3 a:focus-visible, .bg--line h3 a.is-hover, .bg--line h3 button:focus-visible, .bg--line h3 button.is-hover, .bg--line h4 a:focus-visible, .bg--line h4 a.is-hover, .bg--line h4 button:focus-visible, .bg--line h4 button.is-hover, .bg--line h5 a:focus-visible, .bg--line h5 a.is-hover, .bg--line h5 button:focus-visible, .bg--line h5 button.is-hover, .bg--line h6 a:focus-visible, .bg--line h6 a.is-hover, .bg--line h6 button:focus-visible, .bg--line h6 button.is-hover {
  color: var(--color-body);
}
.bg--line.is-active {
  background-color: rgb(0, 179.45, 0);
}

@media (hover: hover) {
  a.bg--line:hover, .button.bg--line:hover {
    background-color: rgb(0, 179.45, 0);
  }
}
.button.bg--line.no-focus:focus, .button-group .button.bg--line:focus {
  background-color: rgb(0, 179.45, 0);
}

.button.bg--line:not(.no-focus):focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 185, 0, 0.35);
}

.easing-gradient {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.00325) 8.1%, rgba(0, 0, 0, 0.01225) 15.5%, rgba(0, 0, 0, 0.026) 22.5%, rgba(0, 0, 0, 0.04375) 29%, rgba(0, 0, 0, 0.06475) 35.3%, rgba(0, 0, 0, 0.088) 41.2%, rgba(0, 0, 0, 0.1125) 47.1%, rgba(0, 0, 0, 0.1375) 52.9%, rgba(0, 0, 0, 0.162) 58.8%, rgba(0, 0, 0, 0.18525) 64.7%, rgba(0, 0, 0, 0.20625) 71%, rgba(0, 0, 0, 0.224) 77.5%, rgba(0, 0, 0, 0.23775) 84.5%, rgba(0, 0, 0, 0.24675) 91.9%, rgba(0, 0, 0, 0.25) 100%);
}

.easing-gradient--hikaku {
  background-image: linear-gradient(to top, rgba(22, 24, 26, 0) 0%, rgba(22, 24, 26, 0.25) 100%);
}

html {
  overflow-y: scroll;
  scroll-padding-top: var(--margin-section);
}
html.no-js {
  scroll-behavior: smooth;
}

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

body {
  background-color: var(--color-body);
  width: 100%;
}

html:not(.not-js).is-fixed {
  overflow-y: scroll;
}
html:not(.not-js).is-fixed body {
  width: 100%;
  position: fixed;
}

.wrap {
  width: 100%;
  min-width: 320px;
  position: relative;
  padding-bottom: var(--padding-page--b);
}
@supports (padding: env(safe-area-inset-bottom)) {
  .wrap {
    padding-bottom: calc(env(safe-area-inset-bottom) + var(--padding-page--b));
  }
}

.l-main {
  padding-block: 0 var(--padding--content-block--b);
  position: relative;
  z-index: 100;
}
.l-main:empty {
  display: none;
}
.page-front-page .l-main {
  margin-top: calc(var(--header__height) * -1);
}

.l-full {
  width: 100%;
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.l-full > .l-content {
  margin-top: 0;
  margin-bottom: 0;
}
.l-full > .l-content:first-child {
  padding-top: var(--margin-article);
}
.l-full > .l-content:last-child {
  padding-bottom: var(--margin-article);
}
.l-full > .l-content + .l-content {
  padding-top: var(--margin-article);
}
.l-full > .l-block:first-child {
  margin-top: 0;
  padding-top: var(--margin);
}
.l-full > .l-block:last-child {
  margin-bottom: 0;
  padding-bottom: var(--margin);
}
.l-full + .l-content {
  margin-top: var(--margin-article);
}
.l-full + .l-block {
  margin-top: var(--margin);
}
.l-full:has(.carousel:only-child) {
  margin-bottom: var(--margin-article);
}

.l-content:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.l-content:empty {
  display: none;
}

.l-content--entry {
  max-width: 75rem;
  margin-inline: auto;
}
.l-content--entry {
  padding-inline: var(--padding-page--l) var(--padding-page--r);
}
@media print, screen and (min-width: 1018.02px) {
  .l-content--entry {
    padding-inline: 0;
  }
}

.l-content--ngtv:not(:first-child) {
  margin-top: calc(var(--margin-article) * 1);
}

@media print, screen and (min-width: 1018.02px) {
  .l-content--full {
    max-width: none;
    padding-inline: var(--padding-page--inline);
  }
}

@media print, screen and (min-width: 1018.02px) {
  .l-side {
    max-width: unset;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .l-side--right {
    padding-left: calc((100% - var(--width-content) - var(--padding-page--l) - var(--padding-page--r)) * 0.5 + var(--padding-page--l));
  }
}
.l-side--right.l-side--solid {
  padding-right: 0;
}

@media print, screen and (min-width: 1018.02px) {
  .l-side--left {
    padding-right: calc((100% - var(--width-content) - var(--padding-page--l) - var(--padding-page--r)) * 0.5 + var(--padding-page--r));
  }
}
.l-side--left.l-side--solid {
  padding-left: 0;
}

article:not(:last-child), .article:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}

@media print, screen and (min-width: 843.02px) {
  .article:has(aside) {
    display: grid;
  }
  .article:has(aside) {
    column-gap: calc(var(--margin-width) * 1);
  }
  .article:has(aside) {
    grid-template-columns: 1fr 3fr;
  }
  .article:has(aside) {
    grid-template-rows: auto auto;
  }
  .article:has(aside) {
    padding-inline: var(--padding-page--inline);
  }
  .article:has(aside) .content-header {
    grid-column: 1/-1;
    grid-row: 1/2;
    margin-inline: calc(var(--padding-page--l) * -1) calc(var(--padding-page--r) * -1);
  }
  .article:has(aside) .content-aside {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .article:has(aside) .content-article {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .article:has(aside) .content-article .l-content {
    width: 100%;
    max-width: 75rem;
    padding-inline: 0;
  }
}
.section:not(:last-child), section:not(:last-child), .l-section:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
p + .section:not(:first-child), p + section:not(:first-child), p + .l-section:not(:first-child) {
  margin-top: calc(var(--margin-section) * 1);
}

.l-block:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

a.l-block {
  display: block;
}

.l-block--ngtv:not(:first-child) {
  margin-top: calc(var(--margin) * 1 * 1);
}

.l-block--sm--ngtv:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}

.l-block--xs--ngtv:not(:first-child) {
  margin-top: calc(var(--margin) * 0.3333333333 * 1);
}

.narrow {
  max-width: 75rem;
  margin-inline: auto;
}
.narrow {
  padding-inline: var(--padding-page--l) var(--padding-page--r);
}
@media print, screen and (min-width: 1018.02px) {
  .narrow {
    padding-inline: 0;
  }
}

.condensed {
  max-width: 43.4rem;
  margin-inline: auto;
}
.condensed {
  padding-inline: calc(var(--padding-page--l) + var(--padding-page--r));
}
@media print, screen and (min-width: 1260.02px) {
  .condensed {
    padding-inline: 0;
  }
}

:where(main) blockquote:not(:last-child),
:where(main) cite:not(:last-child),
:where(main) dl:not(:last-child),
:where(main) p:not(:last-child),
:where(main) table:not(:last-child),
:where(main) .l-content img:not(:last-child),
:where(main) .l-content object:not(:last-child),
:where(main) .l-content picture:not(:last-child),
:where(main) .l-content figure:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
:where(main) img, :where(main) picture, :where(main) object, :where(main) figure {
  width: 100%;
  height: auto;
}

.width--1 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 1 + var(--margin-width) * 0);
}

.width--2 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 2 + var(--margin-width) * 1);
}

.width--3 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 3 + var(--margin-width) * 2);
}

.width--4 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 4 + var(--margin-width) * 3);
}

.width--5 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 5 + var(--margin-width) * 4);
}

.width--6 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 6 + var(--margin-width) * 5);
}

.width--7 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 7 + var(--margin-width) * 6);
}

.width--8 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 8 + var(--margin-width) * 7);
}

.width--9 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 9 + var(--margin-width) * 8);
}

.width--10 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 10 + var(--margin-width) * 9);
}

.width--11 {
  width: calc((100% - var(--margin-width) * 11) / 12 * 11 + var(--margin-width) * 10);
}

.width--two-thirds {
  width: 66%;
}

@media print, screen and (max-width: 667px) {
  .width--two-thirds--p {
    width: 66%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .width--two-thirds--t-sm {
    width: 66%;
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .width--two-thirds--t-lg {
    width: 66%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .width--two-thirds--t {
    width: 66%;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .width--two-thirds--d {
    width: 66%;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .width--two-thirds--w {
    width: 66%;
  }
}

.width--half {
  width: 55%;
}

@media print, screen and (max-width: 667px) {
  .width--half--p {
    width: 55%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .width--half--t-sm {
    width: 55%;
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .width--half--t-lg {
    width: 55%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .width--half--t {
    width: 55%;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .width--half--d {
    width: 55%;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .width--half--w {
    width: 55%;
  }
}

.width--one-third {
  width: 33%;
}

@media print, screen and (max-width: 667px) {
  .width--one-third--p {
    width: 33%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .width--one-third--t-sm {
    width: 33%;
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .width--one-third--t-lg {
    width: 33%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .width--one-third--t {
    width: 33%;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .width--one-third--d {
    width: 33%;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .width--one-third--w {
    width: 33%;
  }
}

.width--one-forth {
  width: 25%;
}

@media print, screen and (max-width: 667px) {
  .width--one-forth--p {
    width: 25%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .width--one-forth--t-sm {
    width: 25%;
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .width--one-forth--t-lg {
    width: 25%;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .width--one-forth--t {
    width: 25%;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .width--one-forth--d {
    width: 25%;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .width--one-forth--w {
    width: 25%;
  }
}

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.flex > * {
  min-width: 0;
}
.flex > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.flex.flex--gap {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.flex.flex--gap--bit {
  gap: 0.1rem 0.1rem;
}
.flex.flex--gap--xxs {
  gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
}
.flex.flex--gap--xs {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.flex.flex--gap--sm {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.flex.flex--gap--lg {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
}
.flex.flex--gap--xl {
  gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
}
.flex.flex--gap--xxl {
  gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
}
.flex.flex--line {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.flex.flex--line > * {
  position: relative;
}
.flex.flex--line > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
}
.flex.flex--line--xxs {
  gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
}
.flex.flex--line--xxs > * {
  position: relative;
}
.flex.flex--line--xxs > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
}
.flex.flex--line--xs {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.flex.flex--line--xs > * {
  position: relative;
}
.flex.flex--line--xs > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
}
.flex.flex--line--sm {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.flex.flex--line--sm > * {
  position: relative;
}
.flex.flex--line--sm > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
}
.flex.flex--line--lg {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
}
.flex.flex--line--lg > * {
  position: relative;
}
.flex.flex--line--lg > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
}
.flex.flex--line--xl {
  gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
}
.flex.flex--line--xl > * {
  position: relative;
}
.flex.flex--line--xl > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
}
.flex.flex--line--xxl {
  gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
}
.flex.flex--line--xxl > * {
  position: relative;
}
.flex.flex--line--xxl > *:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
}

@media print, screen and (max-width: 667px) {
  .flex--p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--p > * {
    min-width: 0;
  }
  .flex--p > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--p.flex--line > * {
    position: relative;
  }
  .flex--p.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line > * {
    position: relative;
  }
  .flex--p.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--p.flex--line--xxs > * {
    position: relative;
  }
  .flex--p.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--xxs > * {
    position: relative;
  }
  .flex--p.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--p.flex--line--xs > * {
    position: relative;
  }
  .flex--p.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--xs > * {
    position: relative;
  }
  .flex--p.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--p.flex--line--sm > * {
    position: relative;
  }
  .flex--p.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--sm > * {
    position: relative;
  }
  .flex--p.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--p.flex--line--lg > * {
    position: relative;
  }
  .flex--p.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--lg > * {
    position: relative;
  }
  .flex--p.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--p.flex--line--xl > * {
    position: relative;
  }
  .flex--p.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--xl > * {
    position: relative;
  }
  .flex--p.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--p.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--p.flex--line--xxl > * {
    position: relative;
  }
  .flex--p.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--p.flex--line--xxl > * {
    position: relative;
  }
  .flex--p.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}

@media print, screen and (max-width: 1018px) {
  .flex--p-t {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--p-t > * {
    min-width: 0;
  }
  .flex--p-t > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--p-t.flex--line > * {
    position: relative;
  }
  .flex--p-t.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line > * {
    position: relative;
  }
  .flex--p-t.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--p-t.flex--line--xxs > * {
    position: relative;
  }
  .flex--p-t.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--xxs > * {
    position: relative;
  }
  .flex--p-t.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--p-t.flex--line--xs > * {
    position: relative;
  }
  .flex--p-t.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--xs > * {
    position: relative;
  }
  .flex--p-t.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--p-t.flex--line--sm > * {
    position: relative;
  }
  .flex--p-t.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--sm > * {
    position: relative;
  }
  .flex--p-t.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--p-t.flex--line--lg > * {
    position: relative;
  }
  .flex--p-t.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--lg > * {
    position: relative;
  }
  .flex--p-t.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--p-t.flex--line--xl > * {
    position: relative;
  }
  .flex--p-t.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--xl > * {
    position: relative;
  }
  .flex--p-t.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--p-t.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--p-t.flex--line--xxl > * {
    position: relative;
  }
  .flex--p-t.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--p-t.flex--line--xxl > * {
    position: relative;
  }
  .flex--p-t.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--p-d > * {
    min-width: 0;
  }
  .flex--p-d > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--p-d.flex--line > * {
    position: relative;
  }
  .flex--p-d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line > * {
    position: relative;
  }
  .flex--p-d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--p-d.flex--line--xxs > * {
    position: relative;
  }
  .flex--p-d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--xxs > * {
    position: relative;
  }
  .flex--p-d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--p-d.flex--line--xs > * {
    position: relative;
  }
  .flex--p-d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--xs > * {
    position: relative;
  }
  .flex--p-d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--p-d.flex--line--sm > * {
    position: relative;
  }
  .flex--p-d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--sm > * {
    position: relative;
  }
  .flex--p-d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--p-d.flex--line--lg > * {
    position: relative;
  }
  .flex--p-d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--lg > * {
    position: relative;
  }
  .flex--p-d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--p-d.flex--line--xl > * {
    position: relative;
  }
  .flex--p-d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--xl > * {
    position: relative;
  }
  .flex--p-d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--p-d.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--p-d.flex--line--xxl > * {
    position: relative;
  }
  .flex--p-d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--p-d.flex--line--xxl > * {
    position: relative;
  }
  .flex--p-d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--t > * {
    min-width: 0;
  }
  .flex--t > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line > * {
    position: relative;
  }
  .flex--t.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--t.flex--line > * {
    position: relative;
  }
  .flex--t.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--xxs > * {
    position: relative;
  }
  .flex--t.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--t.flex--line--xxs > * {
    position: relative;
  }
  .flex--t.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--xs > * {
    position: relative;
  }
  .flex--t.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--t.flex--line--xs > * {
    position: relative;
  }
  .flex--t.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--sm > * {
    position: relative;
  }
  .flex--t.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--t.flex--line--sm > * {
    position: relative;
  }
  .flex--t.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--lg > * {
    position: relative;
  }
  .flex--t.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--t.flex--line--lg > * {
    position: relative;
  }
  .flex--t.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--xl > * {
    position: relative;
  }
  .flex--t.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--t.flex--line--xl > * {
    position: relative;
  }
  .flex--t.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--t.flex--line--xxl > * {
    position: relative;
  }
  .flex--t.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--t.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--t.flex--line--xxl > * {
    position: relative;
  }
  .flex--t.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--t-d > * {
    min-width: 0;
  }
  .flex--t-d > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line > * {
    position: relative;
  }
  .flex--t-d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--t-d.flex--line > * {
    position: relative;
  }
  .flex--t-d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--xxs > * {
    position: relative;
  }
  .flex--t-d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--t-d.flex--line--xxs > * {
    position: relative;
  }
  .flex--t-d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--xs > * {
    position: relative;
  }
  .flex--t-d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--t-d.flex--line--xs > * {
    position: relative;
  }
  .flex--t-d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--sm > * {
    position: relative;
  }
  .flex--t-d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--t-d.flex--line--sm > * {
    position: relative;
  }
  .flex--t-d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--lg > * {
    position: relative;
  }
  .flex--t-d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--t-d.flex--line--lg > * {
    position: relative;
  }
  .flex--t-d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--xl > * {
    position: relative;
  }
  .flex--t-d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--t-d.flex--line--xl > * {
    position: relative;
  }
  .flex--t-d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 667px) {
  .flex--t-d.flex--line--xxl > * {
    position: relative;
  }
  .flex--t-d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 667.02px) {
  .flex--t-d.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--t-d.flex--line--xxl > * {
    position: relative;
  }
  .flex--t-d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .flex--d > * {
    min-width: 0;
  }
  .flex--d > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--bit {
    gap: 0.1rem 0.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--gap--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line > * {
    position: relative;
  }
  .flex--d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .flex--d.flex--line > * {
    position: relative;
  }
  .flex--d.flex--line > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 1 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--xxs > * {
    position: relative;
  }
  .flex--d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--xxs {
    gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
  }
  .flex--d.flex--line--xxs > * {
    position: relative;
  }
  .flex--d.flex--line--xxs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.25 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--xs > * {
    position: relative;
  }
  .flex--d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--xs {
    gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
  }
  .flex--d.flex--line--xs > * {
    position: relative;
  }
  .flex--d.flex--line--xs > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.3333333333 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--sm > * {
    position: relative;
  }
  .flex--d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--sm {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
  .flex--d.flex--line--sm > * {
    position: relative;
  }
  .flex--d.flex--line--sm > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 0.5 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--lg > * {
    position: relative;
  }
  .flex--d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--lg {
    gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
  }
  .flex--d.flex--line--lg > * {
    position: relative;
  }
  .flex--d.flex--line--lg > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 2 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--xl > * {
    position: relative;
  }
  .flex--d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--xl {
    gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
  }
  .flex--d.flex--line--xl > * {
    position: relative;
  }
  .flex--d.flex--line--xl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 3 - 0.1rem) * -0.5);
  }
}
@media print, screen and (max-width: 1018px) {
  .flex--d.flex--line--xxl > * {
    position: relative;
  }
  .flex--d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-border);
    bottom: calc((var(--margin) * 4 - 0.1rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--d.flex--line--xxl {
    gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
  }
  .flex--d.flex--line--xxl > * {
    position: relative;
  }
  .flex--d.flex--line--xxl > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-border);
    right: calc((var(--margin-width) * 4 - 0.1rem) * -0.5);
  }
}
.flex--fill > *:not(.flex__item) {
  flex-grow: 1;
}

@media print, screen and (max-width: 667px) {
  .flex--fill--p > *:not(.flex__item) {
    flex-grow: 1;
  }
}

@media print, screen and (max-width: 1018px) {
  .flex--fill--p-t > *:not(.flex__item) {
    flex-grow: 1;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--fill--p-d > *:not(.flex__item) {
    flex-grow: 1;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--fill--t > *:not(.flex__item) {
    flex-grow: 1;
  }
}

@media print, screen and (min-width: 667.02px) {
  .flex--fill--t-d > *:not(.flex__item) {
    flex-grow: 1;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .flex--fill--d > *:not(.flex__item) {
    flex-grow: 1;
  }
}

.flex--even > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

@media print, screen and (max-width: 667px) {
  .flex--even--p > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

@media print, screen and (max-width: 1018px) {
  .flex--even--p-t > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--even--p-d > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--even--t > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

@media print, screen and (min-width: 667.02px) {
  .flex--even--t-d > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .flex--even--d > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
}

.flex--wrap {
  flex-wrap: wrap;
}

.flex__item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(3.9rem + var(--margin-width));
}

.flex__item--1 {
  flex-grow: 1;
  flex-basis: calc(3.9rem + var(--margin-width) * 0);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--1, [class^=flex--1-] .flex__item--1 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--1 {
  flex-basis: calc(3.9rem + var(--margin-width) * 1);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--1, .flex--gap[class^=flex--1-] > .flex__item--1 {
    flex-basis: unset;
  }
}

.flex__item--2 {
  flex-grow: 2;
  flex-basis: calc(7.8rem + var(--margin-width) * 1);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--2, [class^=flex--1-] .flex__item--2 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--2 {
  flex-basis: calc(7.8rem + var(--margin-width) * 2);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--2, .flex--gap[class^=flex--1-] > .flex__item--2 {
    flex-basis: unset;
  }
}

.flex__item--3 {
  flex-grow: 3;
  flex-basis: calc(11.7rem + var(--margin-width) * 2);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--3, [class^=flex--1-] .flex__item--3 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--3 {
  flex-basis: calc(11.7rem + var(--margin-width) * 3);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--3, .flex--gap[class^=flex--1-] > .flex__item--3 {
    flex-basis: unset;
  }
}

.flex__item--4 {
  flex-grow: 4;
  flex-basis: calc(15.6rem + var(--margin-width) * 3);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--4, [class^=flex--1-] .flex__item--4 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--4 {
  flex-basis: calc(15.6rem + var(--margin-width) * 4);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--4, .flex--gap[class^=flex--1-] > .flex__item--4 {
    flex-basis: unset;
  }
}

.flex__item--5 {
  flex-grow: 5;
  flex-basis: calc(19.5rem + var(--margin-width) * 4);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--5, [class^=flex--1-] .flex__item--5 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--5 {
  flex-basis: calc(19.5rem + var(--margin-width) * 5);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--5, .flex--gap[class^=flex--1-] > .flex__item--5 {
    flex-basis: unset;
  }
}

.flex__item--6 {
  flex-grow: 6;
  flex-basis: calc(23.4rem + var(--margin-width) * 5);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--6, [class^=flex--1-] .flex__item--6 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--6 {
  flex-basis: calc(23.4rem + var(--margin-width) * 6);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--6, .flex--gap[class^=flex--1-] > .flex__item--6 {
    flex-basis: unset;
  }
}

.flex__item--7 {
  flex-grow: 7;
  flex-basis: calc(27.3rem + var(--margin-width) * 6);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--7, [class^=flex--1-] .flex__item--7 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--7 {
  flex-basis: calc(27.3rem + var(--margin-width) * 7);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--7, .flex--gap[class^=flex--1-] > .flex__item--7 {
    flex-basis: unset;
  }
}

.flex__item--8 {
  flex-grow: 8;
  flex-basis: calc(31.2rem + var(--margin-width) * 7);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--8, [class^=flex--1-] .flex__item--8 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--8 {
  flex-basis: calc(31.2rem + var(--margin-width) * 8);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--8, .flex--gap[class^=flex--1-] > .flex__item--8 {
    flex-basis: unset;
  }
}

.flex__item--9 {
  flex-grow: 9;
  flex-basis: calc(35.1rem + var(--margin-width) * 8);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--9, [class^=flex--1-] .flex__item--9 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--9 {
  flex-basis: calc(35.1rem + var(--margin-width) * 9);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--9, .flex--gap[class^=flex--1-] > .flex__item--9 {
    flex-basis: unset;
  }
}

.flex__item--10 {
  flex-grow: 10;
  flex-basis: calc(39rem + var(--margin-width) * 9);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--10, [class^=flex--1-] .flex__item--10 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--10 {
  flex-basis: calc(39rem + var(--margin-width) * 10);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--10, .flex--gap[class^=flex--1-] > .flex__item--10 {
    flex-basis: unset;
  }
}

.flex__item--11 {
  flex-grow: 11;
  flex-basis: calc(42.9rem + var(--margin-width) * 10);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--11, [class^=flex--1-] .flex__item--11 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--11 {
  flex-basis: calc(42.9rem + var(--margin-width) * 11);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--11, .flex--gap[class^=flex--1-] > .flex__item--11 {
    flex-basis: unset;
  }
}

.flex__item--12 {
  flex-grow: 12;
  flex-basis: calc(46.8rem + var(--margin-width) * 11);
}
@media print, screen and (max-width: 667px) {
  [class*=" flex--1-"] .flex__item--12, [class^=flex--1-] .flex__item--12 {
    flex-grow: unset;
    flex-basis: unset;
  }
}
.flex--gap > .flex__item--12 {
  flex-basis: calc(46.8rem + var(--margin-width) * 12);
}
@media print, screen and (max-width: 667px) {
  .flex--gap[class*=" flex--1-"] > .flex__item--12, .flex--gap[class^=flex--1-] > .flex__item--12 {
    flex-basis: unset;
  }
}

.flex__item--blank-left {
  margin-left: auto;
}

.flex__item--blank-right {
  margin-right: auto;
}

.order--1 {
  order: 1;
}

.order--2 {
  order: 2;
}

.order--3 {
  order: 3;
}

.order--4 {
  order: 4;
}

.order--5 {
  order: 5;
}

.order--6 {
  order: 6;
}

.order--7 {
  order: 7;
}

.order--8 {
  order: 8;
}

.order--9 {
  order: 9;
}

.order--10 {
  order: 10;
}

.flex__item--endash {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  display: block;
  flex-basis: 0.4em;
  position: relative;
  margin-inline: calc(var(--margin-width) * 0.5);
}
.flex__item--endash::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: var(--color-figure);
  position: absolute;
  margin: auto;
  inset: 0;
}

.flex--top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media print, screen and (max-width: 667px) {
  .flex--top--p,
  .flex--top--p-t,
  .flex--top--p-d {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--top--p,
  .flex--top--p-t,
  .flex--top--t,
  .flex--top--t-d {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--top--p-d,
  .flex--top--t-d,
  .flex--top--d {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.flex--middle {
  -webkit-align-items: center;
  align-items: center;
}

@media print, screen and (max-width: 667px) {
  .flex--middle--p,
  .flex--middle--p-t,
  .flex--middle--p-d {
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--middle--p,
  .flex--middle--p-t,
  .flex--middle--t,
  .flex--middle--t-d {
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--middle--p-d,
  .flex--middle--t-d,
  .flex--middle--d {
    -webkit-align-items: center;
    align-items: center;
  }
}
.flex--bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

@media print, screen and (max-width: 667px) {
  .flex--bottom--p,
  .flex--bottom--p-t,
  .flex--bottom--p-d {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--bottom--p,
  .flex--bottom--p-t,
  .flex--bottom--t,
  .flex--bottom--t-d {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--bottom--p-d,
  .flex--bottom--t-d,
  .flex--bottom--d {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
.flex--center {
  -webkit-justify-content: center;
  justify-content: center;
}

@media print, screen and (max-width: 667px) {
  .flex--center--p,
  .flex--center--p-t,
  .flex--center--p-d {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--center--p,
  .flex--center--p-t,
  .flex--center--t,
  .flex--center--t-d {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--center--p-d,
  .flex--center--t-d,
  .flex--center--d {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.flex--left {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

@media print, screen and (max-width: 667px) {
  .flex--left--p,
  .flex--left--p-t,
  .flex--left--p-d {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--left--p,
  .flex--left--p-t,
  .flex--left--t,
  .flex--left--t-d {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--left--p-d,
  .flex--left--t-d,
  .flex--left--d {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.flex--right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media print, screen and (max-width: 667px) {
  .flex--right--p,
  .flex--right--p-t,
  .flex--right--p-d {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--right--p,
  .flex--right--p-t,
  .flex--right--t,
  .flex--right--t-d {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--right--p-d,
  .flex--right--t-d,
  .flex--right--d {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
.flex--centering {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media print, screen and (max-width: 667px) {
  .flex--centering--p,
  .flex--centering--p-t,
  .flex--centering--p-d {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .flex--centering--p,
  .flex--centering--p-t,
  .flex--centering--t,
  .flex--centering--t-d {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .flex--centering--p-d,
  .flex--centering--t-d,
  .flex--centering--d {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.flex--reverse {
  flex-direction: row-reverse;
}

@media print, screen and (max-width: 667px) {
  .flex--reverse--p {
    flex-direction: row-reverse;
  }
}

@media print, screen and (max-width: 843px) {
  .flex--reverse--p-t-sm {
    flex-direction: row-reverse;
  }
}

@media print, screen and (max-width: 1018px) {
  .flex--reverse--p-t {
    flex-direction: row-reverse;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .flex--reverse--p-d {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .flex--reverse--t-sm {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .flex--reverse--t-lg {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 843.02px) {
  .flex--reverse--t-lg-d {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 667.02px) {
  .flex--reverse--t-d {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .flex--reverse--d {
    flex-direction: row-reverse;
  }
}

.expand-bit {
  width: calc(100% + var(--padding-page--l) * 0.5 + var(--padding-page--r) * 0.5);
  margin-inline: calc(var(--padding-page--l) * 0.5 * -1);
}
@media print, screen and (min-width: 843.02px) {
  .expand-bit {
    width: calc(100% + var(--margin-width) * 2);
    margin-inline: calc(var(--margin-width) * -1);
  }
}

.grid {
  display: grid;
}

.grid--middle {
  align-items: center;
}

.grid--bottom {
  align-items: end;
}

.grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--2--t-sm {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--2--t-lg {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--2--t {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) {
  .grid--2--t-d {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--2--t-lg-d {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--2--d {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--2--w {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--3--t-sm {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--3--t-lg {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--3--t {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) {
  .grid--3--t-d {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--3--t-lg-d {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--3--d {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--3--w {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--4--t-sm {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--4--t-lg {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--4--t {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) {
  .grid--4--t-d {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--4--t-lg-d {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--4--d {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--4--w {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid--5 {
  grid-template-columns: repeat(5, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--5--t-sm {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--5--t-lg {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--5--t {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) {
  .grid--5--t-d {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--5--t-lg-d {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--5--d {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--5--w {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid--6 {
  grid-template-columns: repeat(6, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--6--t-sm {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--6--t-lg {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--6--t {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 667.02px) {
  .grid--6--t-d {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--6--t-lg-d {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--6--d {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--6--w {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid--fit {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid--fit--t-sm {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid--fit--t-lg {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid--fit--t {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid--fit--d {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .grid--fit--w {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
.grid--gap {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.grid--gap-v {
  row-gap: calc(var(--margin) * 1);
}
.grid--gap-h {
  column-gap: calc(var(--margin-width) * 1);
}
.grid--gap-bit {
  gap: 0.1rem 0.1rem;
}
.grid--gap-xxs {
  gap: calc(var(--margin) * 0.25) calc(var(--margin-width) * 0.25);
}
.grid--gap-xs {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.grid--gap-sm {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.grid--gap-md-lg {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 2);
}
.grid--gap-lg-md {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 1);
}
.grid--gap-lg {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 2);
}
.grid--gap-xl {
  gap: calc(var(--margin) * 3) calc(var(--margin-width) * 3);
}
.grid--gap-xxl {
  gap: calc(var(--margin) * 4) calc(var(--margin-width) * 4);
}
.grid__item--1 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1 {
    grid-column: span;
  }
}

.grid__item--1-1-1-2 {
  grid-column: span 1;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-1-2 {
    grid-column: span 2;
  }
}

.grid__item--1-1-1-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-1-3 {
    grid-column: span 3;
  }
}

.grid__item--1-1-1-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-1-4 {
    grid-column: span 4;
  }
}

.grid__item--1-1-1-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-1-5 {
    grid-column: span 5;
  }
}

.grid__item--1-1-1-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-1-6 {
    grid-column: span 6;
  }
}

.grid__item--1-1-2-2 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--1-1-2-2 {
    grid-column: span 2;
  }
}

.grid__item--1-1-2-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-2-3 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-2-3 {
    grid-column: span 3;
  }
}

.grid__item--1-1-2-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-2-4 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-2-4 {
    grid-column: span 4;
  }
}

.grid__item--1-1-2-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-2-5 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-2-5 {
    grid-column: span 5;
  }
}

.grid__item--1-1-2-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-2-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-2-6 {
    grid-column: span 6;
  }
}

.grid__item--1-1-3-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--1-1-3-3 {
    grid-column: span 3;
  }
}

.grid__item--1-1-3-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-3-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-3-4 {
    grid-column: span 4;
  }
}

.grid__item--1-1-3-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-3-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-3-5 {
    grid-column: span 5;
  }
}

.grid__item--1-1-3-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-3-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-3-6 {
    grid-column: span 6;
  }
}

.grid__item--1-1-4-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--1-1-4-4 {
    grid-column: span 4;
  }
}

.grid__item--1-1-4-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-4-5 {
    grid-column: span 5;
  }
}

.grid__item--1-1-4-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-4-6 {
    grid-column: span 6;
  }
}

.grid__item--1-1-5-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--1-1-5-5 {
    grid-column: span 5;
  }
}

.grid__item--1-1-5-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-1-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-1-5-6 {
    grid-column: span 6;
  }
}

.grid__item--1-1-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--1-1-6-6 {
    grid-column: span 6;
  }
}

.grid__item--1-2-2-2 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1-2-2-2 {
    grid-column: span 2;
  }
}

.grid__item--1-2-2-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-2-2-3 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-2-3 {
    grid-column: span 3;
  }
}

.grid__item--1-2-2-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-2-2-4 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-2-4 {
    grid-column: span 4;
  }
}

.grid__item--1-2-2-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-2-2-5 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-2-5 {
    grid-column: span 5;
  }
}

.grid__item--1-2-2-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-2-2-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-2-6 {
    grid-column: span 6;
  }
}

.grid__item--1-2-3-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-3-3 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-3-3 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-3-3 {
    grid-column: span 3;
  }
}

.grid__item--1-2-3-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-3-4 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-3-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-3-4 {
    grid-column: span 4;
  }
}

.grid__item--1-2-3-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-3-5 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-3-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-3-5 {
    grid-column: span 5;
  }
}

.grid__item--1-2-3-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-3-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-3-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-3-6 {
    grid-column: span 6;
  }
}

.grid__item--1-2-4-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-4-4 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-4-4 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-4-4 {
    grid-column: span 4;
  }
}

.grid__item--1-2-4-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-4-5 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-4-5 {
    grid-column: span 5;
  }
}

.grid__item--1-2-4-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-4-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-4-6 {
    grid-column: span 6;
  }
}

.grid__item--1-2-5-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-5-5 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-5-5 {
    grid-column: span 5;
  }
}

.grid__item--1-2-5-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-5-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-5-6 {
    grid-column: span 6;
  }
}

.grid__item--1-2-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-2-6-6 {
    grid-column: span 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-2-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-2-6-6 {
    grid-column: span 6;
  }
}

.grid__item--1-3-3-3 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1-3-3-3 {
    grid-column: span 3;
  }
}

.grid__item--1-3-3-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-3-3-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-3-4 {
    grid-column: span 4;
  }
}

.grid__item--1-3-3-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-3-3-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-3-5 {
    grid-column: span 5;
  }
}

.grid__item--1-3-3-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-3-3-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-3-6 {
    grid-column: span 6;
  }
}

.grid__item--1-3-4-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-4-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-4-4 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-4-4 {
    grid-column: span 4;
  }
}

.grid__item--1-3-4-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-4-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-4-5 {
    grid-column: span 5;
  }
}

.grid__item--1-3-4-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-4-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-4-6 {
    grid-column: span 6;
  }
}

.grid__item--1-3-5-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-5-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-5-5 {
    grid-column: span 5;
  }
}

.grid__item--1-3-5-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-5-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-5-6 {
    grid-column: span 6;
  }
}

.grid__item--1-3-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-3-6-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-3-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-3-6-6 {
    grid-column: span 6;
  }
}

.grid__item--1-4-4-4 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1-4-4-4 {
    grid-column: span 4;
  }
}

.grid__item--1-4-4-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-4-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-4-4-5 {
    grid-column: span 5;
  }
}

.grid__item--1-4-4-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-4-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-4-4-6 {
    grid-column: span 6;
  }
}

.grid__item--1-4-5-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-4-5-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-4-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-4-5-5 {
    grid-column: span 5;
  }
}

.grid__item--1-4-5-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-4-5-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-4-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-4-5-6 {
    grid-column: span 6;
  }
}

.grid__item--1-4-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-4-6-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-4-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-4-6-6 {
    grid-column: span 6;
  }
}

.grid__item--1-5-5-5 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1-5-5-5 {
    grid-column: span 5;
  }
}

.grid__item--1-5-5-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--1-5-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-5-5-6 {
    grid-column: span 6;
  }
}

.grid__item--1-5-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--1-5-6-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--1-5-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--1-5-6-6 {
    grid-column: span 6;
  }
}

.grid__item--1-6-6-6 {
  grid-column: span 1;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--1-6-6-6 {
    grid-column: span 6;
  }
}

.grid__item--2 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--2 {
    grid-column: span;
  }
}

.grid__item--2-2-2-3 {
  grid-column: span 2;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-2-3 {
    grid-column: span 3;
  }
}

.grid__item--2-2-2-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-2-4 {
    grid-column: span 4;
  }
}

.grid__item--2-2-2-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-2-5 {
    grid-column: span 5;
  }
}

.grid__item--2-2-2-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-2-6 {
    grid-column: span 6;
  }
}

.grid__item--2-2-3-3 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--2-2-3-3 {
    grid-column: span 3;
  }
}

.grid__item--2-2-3-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-3-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-3-4 {
    grid-column: span 4;
  }
}

.grid__item--2-2-3-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-3-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-3-5 {
    grid-column: span 5;
  }
}

.grid__item--2-2-3-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-3-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-3-6 {
    grid-column: span 6;
  }
}

.grid__item--2-2-4-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--2-2-4-4 {
    grid-column: span 4;
  }
}

.grid__item--2-2-4-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-4-5 {
    grid-column: span 5;
  }
}

.grid__item--2-2-4-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-4-6 {
    grid-column: span 6;
  }
}

.grid__item--2-2-5-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--2-2-5-5 {
    grid-column: span 5;
  }
}

.grid__item--2-2-5-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-2-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-2-5-6 {
    grid-column: span 6;
  }
}

.grid__item--2-2-6-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--2-2-6-6 {
    grid-column: span 6;
  }
}

.grid__item--2-3-3-3 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--2-3-3-3 {
    grid-column: span 3;
  }
}

.grid__item--2-3-3-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-3-3-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-3-4 {
    grid-column: span 4;
  }
}

.grid__item--2-3-3-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-3-3-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-3-5 {
    grid-column: span 5;
  }
}

.grid__item--2-3-3-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-3-3-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-3-6 {
    grid-column: span 6;
  }
}

.grid__item--2-3-4-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-4-4 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-4-4 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-4-4 {
    grid-column: span 4;
  }
}

.grid__item--2-3-4-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-4-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-4-5 {
    grid-column: span 5;
  }
}

.grid__item--2-3-4-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-4-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-4-6 {
    grid-column: span 6;
  }
}

.grid__item--2-3-5-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-5-5 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-5-5 {
    grid-column: span 5;
  }
}

.grid__item--2-3-5-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-5-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-5-6 {
    grid-column: span 6;
  }
}

.grid__item--2-3-6-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-3-6-6 {
    grid-column: span 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-3-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-3-6-6 {
    grid-column: span 6;
  }
}

.grid__item--2-4-4-4 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--2-4-4-4 {
    grid-column: span 4;
  }
}

.grid__item--2-4-4-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-4-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-4-4-5 {
    grid-column: span 5;
  }
}

.grid__item--2-4-4-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-4-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-4-4-6 {
    grid-column: span 6;
  }
}

.grid__item--2-4-5-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-4-5-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-4-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-4-5-5 {
    grid-column: span 5;
  }
}

.grid__item--2-4-5-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-4-5-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-4-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-4-5-6 {
    grid-column: span 6;
  }
}

.grid__item--2-4-6-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-4-6-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-4-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-4-6-6 {
    grid-column: span 6;
  }
}

.grid__item--2-5-5-5 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--2-5-5-5 {
    grid-column: span 5;
  }
}

.grid__item--2-5-5-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--2-5-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-5-5-6 {
    grid-column: span 6;
  }
}

.grid__item--2-5-6-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--2-5-6-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--2-5-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--2-5-6-6 {
    grid-column: span 6;
  }
}

.grid__item--2-6-6-6 {
  grid-column: span 2;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--2-6-6-6 {
    grid-column: span 6;
  }
}

.grid__item--3 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--3 {
    grid-column: span;
  }
}

.grid__item--3-3-3-4 {
  grid-column: span 3;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-3-4 {
    grid-column: span 4;
  }
}

.grid__item--3-3-3-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-3-5 {
    grid-column: span 5;
  }
}

.grid__item--3-3-3-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-3-6 {
    grid-column: span 6;
  }
}

.grid__item--3-3-4-4 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--3-3-4-4 {
    grid-column: span 4;
  }
}

.grid__item--3-3-4-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-3-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-4-5 {
    grid-column: span 5;
  }
}

.grid__item--3-3-4-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-3-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-4-6 {
    grid-column: span 6;
  }
}

.grid__item--3-3-5-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--3-3-5-5 {
    grid-column: span 5;
  }
}

.grid__item--3-3-5-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-3-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-3-5-6 {
    grid-column: span 6;
  }
}

.grid__item--3-3-6-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--3-3-6-6 {
    grid-column: span 6;
  }
}

.grid__item--3-4-4-4 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--3-4-4-4 {
    grid-column: span 4;
  }
}

.grid__item--3-4-4-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--3-4-4-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-4-4-5 {
    grid-column: span 5;
  }
}

.grid__item--3-4-4-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--3-4-4-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-4-4-6 {
    grid-column: span 6;
  }
}

.grid__item--3-4-5-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--3-4-5-5 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-4-5-5 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-4-5-5 {
    grid-column: span 5;
  }
}

.grid__item--3-4-5-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--3-4-5-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-4-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-4-5-6 {
    grid-column: span 6;
  }
}

.grid__item--3-4-6-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--3-4-6-6 {
    grid-column: span 4;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-4-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-4-6-6 {
    grid-column: span 6;
  }
}

.grid__item--3-5-5-5 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--3-5-5-5 {
    grid-column: span 5;
  }
}

.grid__item--3-5-5-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--3-5-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-5-5-6 {
    grid-column: span 6;
  }
}

.grid__item--3-5-6-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--3-5-6-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--3-5-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--3-5-6-6 {
    grid-column: span 6;
  }
}

.grid__item--3-6-6-6 {
  grid-column: span 3;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--3-6-6-6 {
    grid-column: span 6;
  }
}

.grid__item--4 {
  grid-column: span 4;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--4 {
    grid-column: span;
  }
}

.grid__item--4-4-4-5 {
  grid-column: span 4;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--4-4-4-5 {
    grid-column: span 5;
  }
}

.grid__item--4-4-4-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--4-4-4-6 {
    grid-column: span 6;
  }
}

.grid__item--4-4-5-5 {
  grid-column: span 4;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--4-4-5-5 {
    grid-column: span 5;
  }
}

.grid__item--4-4-5-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--4-4-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--4-4-5-6 {
    grid-column: span 6;
  }
}

.grid__item--4-4-6-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--4-4-6-6 {
    grid-column: span 6;
  }
}

.grid__item--4-5-5-5 {
  grid-column: span 4;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--4-5-5-5 {
    grid-column: span 5;
  }
}

.grid__item--4-5-5-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .grid__item--4-5-5-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--4-5-5-6 {
    grid-column: span 6;
  }
}

.grid__item--4-5-6-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .grid__item--4-5-6-6 {
    grid-column: span 5;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .grid__item--4-5-6-6 {
    grid-column: span 6;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--4-5-6-6 {
    grid-column: span 6;
  }
}

.grid__item--4-6-6-6 {
  grid-column: span 4;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--4-6-6-6 {
    grid-column: span 6;
  }
}

.grid__item--5 {
  grid-column: span 5;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--5 {
    grid-column: span;
  }
}

.grid__item--5-5-5-6 {
  grid-column: span 5;
}
@media print, screen and (min-width: 1018.02px) {
  .grid__item--5-5-5-6 {
    grid-column: span 6;
  }
}

.grid__item--5-5-6-6 {
  grid-column: span 5;
}
@media print, screen and (min-width: 843.02px) {
  .grid__item--5-5-6-6 {
    grid-column: span 6;
  }
}

.grid__item--5-6-6-6 {
  grid-column: span 5;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--5-6-6-6 {
    grid-column: span 6;
  }
}

.grid__item--6 {
  grid-column: span 6;
}
@media print, screen and (min-width: 667.02px) {
  .grid__item--6 {
    grid-column: span;
  }
}

.grid__item--middle {
  align-self: center;
}

.grid__item--bottom {
  align-self: end;
}

.grid--brick {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1 > *:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1 > *:nth-child(4) {
    grid-column: 3/5;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-1-1 {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (max-width: 843px) {
  .grid--brick--2-2 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--2-2 > *:nth-child(2) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2-2 {
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  }
}
@media print, screen and (max-width: 843px) {
  .grid--brick--2-1-1-1-1 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2-1-1-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(4) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .grid--brick--2-1-1-1-1 > *:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-2-1-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(2) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-2-1-1-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/3;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(4) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid--brick--1-2-1-1-1 > *:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-2-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-2-1-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(3) {
    grid-column: 2/4;
    grid-row: 1/3;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(4) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-1-1 > *:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-1-2-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(3) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(4) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-1-2-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(4) {
    grid-column: 2/4;
    grid-row: 1/3;
  }
  .grid--brick--1-1-1-2-1 > *:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-1-1-2 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-1-1-2 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 1/3;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-2-2-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(4) {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(5) {
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(6) {
    grid-column: 3/5;
    grid-row: 4/5;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-2-2-1-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1/3;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 2/4;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(5) {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .grid--brick--1-1-2-2-1-1 > *:nth-child(6) {
    grid-column: 4/5;
    grid-row: 3/4;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(6) {
    grid-column: 1/-1;
    grid-row: 4/5;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(7) {
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(8) {
    grid-column: 3/5;
    grid-row: 5/6;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(9) {
    grid-column: 1/3;
    grid-row: 6/7;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(10) {
    grid-column: 3/5;
    grid-row: 6/7;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(3) {
    grid-column: 2/4;
    grid-row: 1/3;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(4) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/5;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(7) {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(8) {
    grid-column: 4/5;
    grid-row: 3/4;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(9) {
    grid-column: 3/4;
    grid-row: 4/5;
  }
  .grid--brick--1-1-1-1-2-2-1-1-1-1 > *:nth-child(10) {
    grid-column: 4/5;
    grid-row: 4/5;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(6) {
    grid-column: 1/-1;
    grid-row: 4/5;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(7) {
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(8) {
    grid-column: 3/5;
    grid-row: 5/6;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(5) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(6) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(7) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--2-2-1-1-1-1-2-2 > *:nth-child(8) {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--2 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-1 > *:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-1 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid--brick--1-1 > *:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--2-1 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--2-1 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2-1 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--2-1 > *:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .grid--brick--1-2 > *:nth-child(2) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-2 > *:nth-child(1) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .grid--brick--1-2 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--2-1-2 > *:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--2-1-2 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--2-1-2 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--2-1-2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--2-1-2 > *:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--2-1-2 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
}

@media print, screen and (max-width: 843px) {
  .grid--brick--1-2-2 > *:nth-child(1) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .grid--brick--1-2-2 > *:nth-child(2) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid--brick--1-2-2 > *:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .grid--brick--1-2-2 > *:nth-child(1) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid--brick--1-2-2 > *:nth-child(2) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .grid--brick--1-2-2 > *:nth-child(3) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
}

.grid--line-v {
  overflow: hidden;
}
.grid--line-v {
  column-gap: calc(var(--margin-width) * 1);
}
.grid--line-v > *::before {
  right: calc((var(--margin-width) * 1 + 0.1rem) * -1 * 0.5);
}
.grid--line-v > * {
  position: relative;
}
.grid--line-v > *::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
  top: 0;
}

.grid--line-v--xs {
  column-gap: calc(var(--margin-width) * 0.3333333333);
}
.grid--line-v--xs > *::before {
  right: calc((var(--margin-width) * 0.3333333333 + 0.1rem) * -1 * 0.5);
}

.grid--line-v--sm {
  column-gap: calc(var(--margin-width) * 0.5);
}
.grid--line-v--sm > *::before {
  right: calc((var(--margin-width) * 0.5 + 0.1rem) * -1 * 0.5);
}

.grid--line-v--lg {
  column-gap: calc(var(--margin-width) * 2);
}
.grid--line-v--lg > *::before {
  right: calc((var(--margin-width) * 2 + 0.1rem) * -1 * 0.5);
}

.grid--line-h {
  overflow: hidden;
}
.grid--line-h {
  row-gap: calc(var(--margin) * 1);
}
.grid--line-h > *::after {
  bottom: calc((var(--margin) * 1 - 0.1rem) * -1 * 0.5);
}
.grid--line-h > * {
  position: relative;
}
.grid--line-h > *::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1rem;
  background-color: var(--color-border);
  left: 0;
}

.grid--line-h--xs {
  row-gap: calc(var(--margin) * 0.3333333333);
}
.grid--line-h--xs > *::after {
  bottom: calc((var(--margin) * 0.3333333333 - 0.1rem) * -1 * 0.5);
}

.grid--line-h--sm {
  row-gap: calc(var(--margin) * 0.5);
}
.grid--line-h--sm > *::after {
  bottom: calc((var(--margin) * 0.5 - 0.1rem) * -1 * 0.5);
}

.grid--line-h--lg {
  row-gap: calc(var(--margin) * 2);
}
.grid--line-h--lg > *::after {
  bottom: calc((var(--margin) * 2 - 0.1rem) * -1 * 0.5);
}

.grid--form {
  grid-template-columns: 1fr 4fr;
}
.grid--form {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.grid--form > label {
  grid-column: 1/2;
}
.grid--form > div {
  grid-column: 2/3;
}

.grid--date {
  grid-template-columns: 3fr auto 2fr auto 2fr auto;
}
.grid--date {
  align-items: center;
}
.grid--date > *:nth-child(2), .grid--date > *:nth-child(4), .grid--date > *:nth-child(6) {
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.grid--date > *:last-child {
  padding-right: 0;
}

:root {
  --header__logo__height: 2.21rem;
}
@media print, screen and (min-width: 428.02px) and (max-width: 843px) {
  :root {
    --header__logo__height: 2.6rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --header__logo__height: 2.925rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --header__logo__height: 3.9rem;
  }
}

:root {
  --header__height: 4.68rem;
}
@media print, screen and (min-width: 428.02px) and (max-width: 843px) {
  :root {
    --header__height: 4.68rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --header__height: 5.265rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --header__height: 7.02rem;
  }
}

html[lang=ja] {
  --header-nav__gap: .8em;
}

html[lang=en] {
  --header-nav__gap: calc( var(--line-height-scale) * 1em );
}

:root {
  --header__padding--l: var(--padding-page--l);
}

:root {
  --header__padding--r: var(--padding-page--r);
}

.l-header {
  z-index: 800;
  position: relative;
  width: 100%;
}
.l-header a, .l-header button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .l-header a:hover, .l-header button:hover {
    text-decoration-line: none;
  }
}
.l-header a:focus-visible, .l-header a.is-hover, .l-header button:focus-visible, .l-header button.is-hover {
  text-decoration-line: none;
}
.l-header {
  line-height: 1.5;
}
body.home .l-header a {
  color: var(--color-white);
}

.header__bar {
  padding-left: calc(var(--header__height) - var(--header__logo__height));
  padding-right: var(--header__height);
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header__bar > * {
  min-width: 0;
}
.header__bar > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.header__bar {
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 801;
  height: var(--header__height);
}

.header__logo__wrap {
  margin-right: auto;
  height: 100%;
}

.header__logo {
  display: block;
  padding-inline: min(var(--padding-page--l), var(--margin-width));
  margin-inline: max(var(--padding-page--l) * -1, var(--margin-width) * -1);
}
.header__logo:focus-visible::before {
  opacity: 1;
}
.header__logo img {
  width: calc(var(--header__logo__height) * 9.2592592593);
  height: var(--header__height);
}

.header__toggle {
  width: var(--header__height);
  height: var(--header__height);
  z-index: 860;
  position: absolute;
  right: 0;
  top: 0;
}
@media (hover: hover) {
  .header__toggle button:hover {
    color: var(--color-main);
  }
  body.page-front-page .header__toggle button:hover {
    color: #ffffff;
  }
}
.header__toggle button:focus-visible, .header__toggle button.is-hover {
  color: var(--color-main);
}
body.page-front-page .header__toggle button:focus-visible, body.page-front-page .header__toggle button.is-hover {
  color: #ffffff;
}
.l-header:has(.draw-hamburger[aria-expanded=true]) .header__toggle button {
  color: #ffffff;
}

.header__nav-main {
  line-height: var(--header__height);
  text-transform: uppercase;
  font-weight: bold;
  display: none;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .header__nav-main {
    font-size: var(--font-size--sm);
    letter-spacing: var(--letter-spacing--sm);
  }
}
@media print, screen and (min-width: 843.02px) {
  .header__nav-main {
    display: block;
  }
}

.header__nav-main__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header__nav-main__list > * {
  min-width: 0;
}
.header__nav-main__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}

.header__nav-main__list__item__anchor {
  padding-inline: calc(var(--header-nav__gap) * 0.5);
  display: block;
  position: relative;
  color: #16181a;
}
.header__nav-main__list__item__anchor::before {
  content: "";
  position: absolute;
  left: calc(var(--header-nav__gap) * 0.5);
  bottom: 0;
  width: calc(100% - var(--header-nav__gap) * 0.5 * 2);
  height: 0.2rem;
  background-color: transparent;
  transition-property: background-color,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.header__nav-main__list__item.is-current .header__nav-main__list__item__anchor {
  pointer-events: none;
}
@media (hover: hover) {
  .header__nav-main__list__item__anchor:hover {
    color: var(--color-main);
  }
  .header__nav-main__list__item__anchor:hover::before {
    background-color: currentcolor;
  }
}
.header__nav-main__list__item__anchor:focus-visible, .header__nav-main__list__item__anchor.is-hover {
  color: var(--color-main);
}
.header__nav-main__list__item__anchor:focus-visible::before, .header__nav-main__list__item__anchor.is-hover::before {
  background-color: currentcolor;
}
body.page-about-kist .header__nav-main__list__item--page-about-kist .header__nav-main__list__item__anchor, body.parent-about-kist .header__nav-main__list__item--page-about-kist .header__nav-main__list__item__anchor {
  color: var(--color-main);
}
body.page-about-kist .header__nav-main__list__item--page-about-kist .header__nav-main__list__item__anchor::before, body.parent-about-kist .header__nav-main__list__item--page-about-kist .header__nav-main__list__item__anchor::before {
  background-color: currentcolor;
}
body.page-learning-at-kist .header__nav-main__list__item--page-learning-at-kist .header__nav-main__list__item__anchor, body.parent-learning-at-kist .header__nav-main__list__item--page-learning-at-kist .header__nav-main__list__item__anchor {
  color: var(--color-main);
}
body.page-learning-at-kist .header__nav-main__list__item--page-learning-at-kist .header__nav-main__list__item__anchor::before, body.parent-learning-at-kist .header__nav-main__list__item--page-learning-at-kist .header__nav-main__list__item__anchor::before {
  background-color: currentcolor;
}
body.page-life-at-kist .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor, body.parent-life-at-kist .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor {
  color: var(--color-main);
}
body.page-life-at-kist .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor::before, body.parent-life-at-kist .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor::before {
  background-color: currentcolor;
}
body.page-admissions .header__nav-main__list__item--page-admissions .header__nav-main__list__item__anchor, body.parent-admissions .header__nav-main__list__item--page-admissions .header__nav-main__list__item__anchor {
  color: var(--color-main);
}
body.page-admissions .header__nav-main__list__item--page-admissions .header__nav-main__list__item__anchor::before, body.parent-admissions .header__nav-main__list__item--page-admissions .header__nav-main__list__item__anchor::before {
  background-color: currentcolor;
}
body.post-type-archive-blog .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor, body.single-blog .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor {
  color: var(--color-main);
}
body.post-type-archive-blog .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor::before, body.single-blog .header__nav-main__list__item--page-life-at-kist .header__nav-main__list__item__anchor::before {
  background-color: currentcolor;
}

.header__drawer a, .header__drawer button {
  color: var(--color-body);
}
@media (hover: hover) {
  .header__drawer a:hover, .header__drawer button:hover {
    color: var(--color-body);
  }
}
.header__drawer a:focus-visible, .header__drawer a.is-hover, .header__drawer button:focus-visible, .header__drawer button.is-hover {
  color: var(--color-body);
}
.header__drawer {
  color: var(--color-white);
  z-index: 805;
  position: fixed;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: right 0s cubic-bezier(0, 0.55, 0.45, 1) 0.3s, background-color 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0s, backdrop-filter 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0s, -webkit-backdrop-filter 0.3s 0s, box-shadow 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0s;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  box-shadow: 0 0 var(--margin-width) transparent inset;
}
.l-header:has(.draw-hamburger[aria-expanded=true]) .header__drawer {
  transition-delay: 0s;
  right: 0;
  background-color: rgba(22, 24, 26, 0.8);
  box-shadow: 0 0 var(--margin-width) rgba(22, 24, 26, 0.9) inset;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.header__drawer__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - var(--header__height));
  height: 100%;
  background: linear-gradient(to right, rgba(22, 24, 26, 0.8) 0%, rgba(22, 24, 26, 0.9) 100%);
  translate: -100% 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header__drawer__inner > * {
  min-width: 0;
}
.header__drawer__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.header__drawer__inner {
  flex-direction: column;
  padding-top: var(--header__height);
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.l-header:has(.draw-hamburger[aria-expanded=true]) .header__drawer__inner {
  translate: 0 0;
}

.header__drawer__list__item {
  height: var(--header__height);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header__drawer__list__item > * {
  min-width: 0;
}
.header__drawer__list__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.header__drawer__list__item {
  -webkit-align-items: center;
  align-items: center;
  padding-inline: var(--padding-page--l);
}
@media (hover: hover) {
  .header__drawer__list__item:not(.header__drawer__list__item--button):hover {
    background-color: #16181a;
  }
}
.header__drawer__list__item:not(.header__drawer__list__item--button):focus-visible, .header__drawer__list__item:not(.header__drawer__list__item--button).is-hover {
  background-color: #16181a;
}

.header__drawer__list__item--button .header__drawer__list__item__str {
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  background-color: rgb(250.34, 250.38, 250.42);
  display: block;
  text-decoration: none !important;
  text-align: center;
  overflow: hidden;
  color: #004098;
  border-radius: 1lh;
  height: auto;
  min-height: 4rem;
  line-height: 2rem;
  padding: 0.9rem 1.3rem;
  position: relative;
  width: 100%;
}
.header__drawer__list__item--button .header__drawer__list__item__str:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
@media (hover: hover) {
  .header__drawer__list__item--button .header__drawer__list__item__str:hover {
    color: rgb(0, 51.2, 121.6);
    background-color: rgb(241.02, 241.14, 241.26);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
.header__drawer__list__item--button .header__drawer__list__item__str:focus-visible, .header__drawer__list__item--button .header__drawer__list__item__str.is-hover {
  color: rgb(0, 51.2, 121.6);
  background-color: rgb(241.02, 241.14, 241.26);
  border-color: rgba(22, 24, 26, 0.28);
}
@media (hover: hover) {
  .header__drawer__list__item--button .header__drawer__list__item__str:hover {
    text-decoration: none !important;
  }
}
html.un-touched .header__drawer__list__item--button .header__drawer__list__item__str:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
.header__drawer__list__item--button .header__drawer__list__item__str:focus-visible {
  border-color: var(--color-font-link-hover);
}
.header__drawer__list__item--button .header__drawer__list__item__str {
  background-color: var(--color-main);
  color: var(--color-body);
}
@media (hover: hover) {
  .header__drawer__list__item--button .header__drawer__list__item__str:hover {
    background-color: rgb(0, 51.2, 121.6);
    color: var(--color-body);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
.header__drawer__list__item--button .header__drawer__list__item__str:focus-visible, .header__drawer__list__item--button .header__drawer__list__item__str.is-hover {
  background-color: rgb(0, 51.2, 121.6);
  color: var(--color-body);
  border-color: rgba(22, 24, 26, 0.28);
}
html.un-touched .header__drawer__list__item--button .header__drawer__list__item__str:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
@media (hover: hover) {
  .header__drawer__list__item--button .header__drawer__list__item__str:disabled:hover {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
  }
}
.header__drawer__list__item--button .header__drawer__list__item__str:disabled:focus-visible, .header__drawer__list__item--button .header__drawer__list__item__str:disabled.is-hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}

.header__drawer__foot {
  margin-top: auto;
  padding-inline: var(--padding-page--l);
  padding-bottom: var(--padding-page--l);
}

.fixed-header_trigger {
  height: 40vh;
}

.fixed-header {
  width: 100%;
  transition-property: background-color,translate;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 810;
  top: 0;
  left: 0;
  translate: 0 -100%;
  position: fixed;
}
.fixed-header.is-active, .fixed-header_trigger.is-activing + .fixed-header, .fixed-header:has(a:focus) {
  translate: 0 0;
}
.header__nav-sub {
  padding-inline: var(--padding-page-inline-thin);
}
.header__nav-sub a, .header__nav-sub button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .header__nav-sub a:hover, .header__nav-sub button:hover {
    text-decoration-line: none;
  }
}
.header__nav-sub a:focus-visible, .header__nav-sub a.is-hover, .header__nav-sub button:focus-visible, .header__nav-sub button.is-hover {
  text-decoration-line: none;
}
.header__nav-sub a, .header__nav-sub button {
  color: inherit;
}
@media (hover: hover) {
  .header__nav-sub a:hover, .header__nav-sub button:hover {
    color: inherit;
  }
}
.header__nav-sub a:focus-visible, .header__nav-sub a.is-hover, .header__nav-sub button:focus-visible, .header__nav-sub button.is-hover {
  color: inherit;
}
.header__nav-sub {
  z-index: 799;
  position: relative;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.5;
}
.header__nav-sub::before {
  content: "";
  position: absolute;
  left: var(--padding-page-inline-thin--l);
  top: 0;
  width: calc(100% - var(--padding-page-inline-thin--l) - var(--padding-page-inline-thin--r));
  height: 100%;
  background-color: rgb(241.02, 241.14, 241.26);
  pointer-events: none;
  border-radius: var(--radius);
}
body:not(.single-blog) .wrap:has(.content-header__fig) .header__nav-sub {
  margin-bottom: calc(var(--header__height) * -1);
  color: var(--color-white);
}
body:not(.single-blog) .wrap:has(.content-header__fig) .header__nav-sub::before {
  display: none;
}
.header__nav-sub {
  display: none;
}
@media print, screen and (min-width: 843.02px) {
  .header__nav-sub {
    display: block;
  }
}

:root {
  --header__nav-sub__list--gap: 1lh;
}

.header__nav-sub__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.header__nav-sub__list > * {
  min-width: 0;
}
.header__nav-sub__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.header__nav-sub__list {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

.header__nav-sub__list__item__anchor {
  padding-inline: calc(var(--header__nav-sub__list--gap) * 0.5);
  display: block;
}
.header__nav-sub__list__item:first-child .header__nav-sub__list__item__anchor {
  padding-left: calc((var(--header__height) - 1lh) * 0.5);
}
.header__nav-sub__list__item:last-child .header__nav-sub__list__item__anchor {
  padding-right: calc((var(--header__height) - 1lh) * 0.5);
}
.header__nav-sub__list__item__anchor span {
  height: var(--header__height);
  display: flex;
  align-items: center;
  position: relative;
}
.header__nav-sub__list__item.is-current .header__nav-sub__list__item__anchor span::before, .header__nav-sub__list__item.is-parent .header__nav-sub__list__item__anchor span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background-color: currentcolor;
}
.header__nav-sub__list__item.is-current .header__nav-sub__list__item__anchor span {
  pointer-events: none;
}

.l-footer {
  width: 100%;
}
.l-footer a, .l-footer button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .l-footer a:hover, .l-footer button:hover {
    text-decoration-line: none;
  }
}
.l-footer a:focus-visible, .l-footer a.is-hover, .l-footer button:focus-visible, .l-footer button.is-hover {
  text-decoration-line: none;
}

.footer__site {
  padding-inline: var(--padding-page--inline);
}

.footer__nav-main {
  line-height: 1.5;
}

.footer__nav-main__list {
  display: grid;
}
.footer__nav-main__list {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 0.5);
}
.footer__nav-main__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__nav-main__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__nav-main__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.footer__nav-main__list__item__str {
  display: block;
  min-height: 1lh;
}
.footer__nav-main__list__item__str span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  padding-left: 1em;
  position: relative;
}
.footer__nav-main__list__item__str span::before {
  content: "";
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: currentcolor;
}

.footer__nav-main__list__item__anchor {
  padding-block: calc((4rem - 1lh) * 0.5);
  display: block;
  border-bottom: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
li.is-current .footer__nav-main__list__item__anchor, body.single-blog li.page-blog .footer__nav-main__list__item__anchor, body.tax-blog_category li.page-blog .footer__nav-main__list__item__anchor, body.parent-admissions-handbook .footer__nav-main__list__child__item--admissions-handbook .footer__nav-main__list__item__anchor {
  border-bottom-color: currentcolor;
  font-weight: bold;
  pointer-events: none;
}
body[class*=paged] li.is-current .footer__nav-main__list__item__anchor, body.single-blog li.page-blog .footer__nav-main__list__item__anchor, body.tax-blog_category li.page-blog .footer__nav-main__list__item__anchor, body.parent-admissions-handbook .footer__nav-main__list__child__item--admissions-handbook .footer__nav-main__list__item__anchor {
  pointer-events: unset;
}

.footer__nav-sub {
  line-height: 1.5;
}

.footer__nav-sub__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.footer__nav-sub__list > * {
  min-width: 0;
}
.footer__nav-sub__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.footer__nav-sub__list {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.footer__nav-sub__list {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 0.5);
}
@media print, screen and (min-width: 1018.02px) {
  .footer__nav-sub__list {
    flex-direction: column;
    gap: 0;
  }
}

.footer__nav-sub__list__item__anchor {
  padding-block: calc((4rem - 1lh) * 0.5);
  display: block;
  border-bottom: 0.1rem solid transparent;
}
@media print, screen and (min-width: 1018.02px) {
  .footer__nav-sub__list__item__anchor {
    border-bottom-color: rgb(229.37, 229.59, 229.81);
  }
}
li.is-current .footer__nav-sub__list__item__anchor, body.single-post li.page-news .footer__nav-sub__list__item__anchor, body.category-news li.page-news .footer__nav-sub__list__item__anchor {
  border-bottom-color: currentcolor;
  font-weight: bold;
  pointer-events: none;
}
body[class*=paged] li.is-current .footer__nav-sub__list__item__anchor, body.single-post li.page-news .footer__nav-sub__list__item__anchor, body.category-news li.page-news .footer__nav-sub__list__item__anchor {
  pointer-events: unset;
}

.footer__container {
  padding-top: var(--padding-page--b);
}
.footer__container a, .footer__container button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .footer__container a:hover, .footer__container button:hover {
    text-decoration-line: none;
  }
}
.footer__container a:focus-visible, .footer__container a.is-hover, .footer__container button:focus-visible, .footer__container button.is-hover {
  text-decoration-line: none;
}
.footer__container a, .footer__container button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .footer__container a:hover, .footer__container button:hover {
    color: var(--color-font-link-hover);
  }
}
.footer__container a:focus-visible, .footer__container a.is-hover, .footer__container button:focus-visible, .footer__container button.is-hover {
  color: var(--color-font-link-hover);
}

.footer__container__inner {
  display: grid;
}
.footer__container__inner {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.footer__info {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  padding-top: calc(var(--margin-article) - var(--margin));
}

.footer__info__name {
  font-weight: bold;
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1;
}

.footer__info__name-ja {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1;
  margin-top: calc((var(--line-height-scale) - 1) * 1em);
}

.footer__info__list {
  margin-top: 0.8rem;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.footer__info__list__item--address > span:nth-child(1) {
  margin-right: 0.5em;
}
.footer__info__list__item--address > span:nth-child(2) {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.footer__info__list__item--phone {
  padding-left: 1.625rem;
  position: relative;
}
.footer__info__list__item--phone i {
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
}
.footer__info__list__item--phone i::before {
  margin-left: 0;
}
.footer__info__list__item--phone > span {
  margin-left: 0.5em;
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.footer__info__list__item--mail {
  padding-left: 1.625rem;
  position: relative;
}
.footer__info__list__item--mail i {
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
}
.footer__info__list__item--mail i::before {
  margin-left: 0;
}

.footer__bilingual .bilingual {
  width: fit-content;
}
@media print, screen and (min-width: 843.02px) {
  .footer__bilingual .bilingual {
    margin-left: auto;
    width: fit-content;
  }
}

.footer__bottom {
  white-space: nowrap;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 2.5;
}
@media print, screen and (min-width: 667.02px) {
  .footer__bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .footer__bottom > * {
    min-width: 0;
  }
  .footer__bottom > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
  .footer__bottom {
    gap: 1lh;
  }
  .footer__bottom {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.footer__bottom__nav {
  margin-top: -0.75em;
}

.footer__bottom__nav__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.footer__bottom__nav__list > * {
  min-width: 0;
}
.footer__bottom__nav__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.footer__bottom__nav__list {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.footer__bottom__nav__list {
  gap: 1.7em;
}
@media print, screen and (min-width: 667.02px) {
  .copyright {
    margin-top: -0.75em;
  }
}

.footer__site__inner {
  display: grid;
}
.footer__site__inner {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.footer__site__inner {
  grid-template-columns: auto auto;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .footer__site__inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__site__inner {
    grid-template-columns: repeat(5, 1fr);
  }
}
.footer__site__inner {
  grid-template-rows: auto auto auto auto auto auto;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__site__inner {
    grid-template-rows: auto auto auto auto auto;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__site__inner {
    grid-template-rows: auto auto auto auto;
  }
}
.footer__nav-main {
  grid-column: 1/-1;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__nav-main {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__nav-main {
    grid-column: 1/-2;
    grid-row: 1/2;
  }
}

.footer__nav-sub {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__nav-sub {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__nav-sub {
    grid-column: -2/-1;
    grid-row: 1/2;
  }
}

.footer__sns {
  grid-column: 1/-1;
  grid-row: -4/-3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__sns {
    grid-column: 1/-1;
    grid-row: -3/-2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__sns {
    grid-column: 1/3;
    grid-row: -2/-3;
  }
}

.footer__info {
  grid-column: 1/-1;
  grid-row: 3/4;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .footer__info {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__info {
    grid-column: 1/-3;
    grid-row: 2/3;
  }
}

.footer__bilingual {
  grid-column: 1/-1;
  grid-row: -3/-2;
}
@media print, screen and (min-width: 843.02px) {
  .footer__bilingual {
    grid-column: 4/5;
    grid-row: -2/-1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__bilingual {
    grid-column: 4/-1;
    grid-row: -2/-1;
  }
}

.footer__bottom {
  grid-column: 1/-1;
  grid-row: -2/-1;
}
@media print, screen and (min-width: 843.02px) {
  .footer__bottom {
    grid-column: 1/4;
    grid-row: -2/-1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .footer__bottom {
    grid-column: 1/4;
    grid-row: -2/-1;
  }
}

.footer__address__header:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.footer__address__header {
  text-transform: uppercase;
}
.footer__address__header span {
  display: block;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
}

.footer__address__list {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  margin-block: -0.35em;
}

.footer__address__list__item__googlemaps {
  padding-left: 1em;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  display: inline-block;
}

.footer__mail__anchor {
  width: fit-content;
  padding-right: 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.footer__mail__anchor > * {
  min-width: 0;
}
.footer__mail__anchor > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.footer__mail__anchor {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.footer__mail__anchor {
  gap: calc(3.3rem * 0.15);
}
.footer__mail__anchor {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 3.3rem;
  margin-block: calc(-1.65rem + 0.5em);
  margin-left: calc(3.3rem * 0.125 * -1);
}

.footer__mail__anchor__icon {
  width: 3.3rem;
  height: 3.3rem;
}

.footer__mail__anchor__str {
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.footer__mail__anchor__str::before {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  height: 0.1rem;
  width: 0;
  background-color: currentcolor;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

html.un-touched .footer__mail__anchor:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: var(--radius--sm);
}
html.un-touched .footer__mail__anchor:focus-visible {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}
@media (hover: hover) {
  .footer__mail__anchor:hover .footer__mail__anchor__str::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}

.footer__sns__header:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.footer__sns__header {
  text-transform: uppercase;
}
.footer__sns__header span {
  display: block;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
}

.footer__sns__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.footer__sns__list > * {
  min-width: 0;
}
.footer__sns__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.footer__sns__list {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: calc(1em * 1 * 0.5 * -1);
  margin-inline: calc((1em * 1 * 0.5 + 0.033rem) * -1);
}

.footer__sns__list__item {
  width: calc(3.3rem + 1em * 1);
  height: calc(3.3rem + 1em * 1);
}

.footer__sns__list__item__anchor {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.footer__sns__list__item__anchor::before {
  width: 3.3rem;
  height: 3.3rem;
}
.footer__sns__list__item__anchor::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  pointer-events: none;
  transition-property: outline;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
html.un-touched .footer__sns__list__item__anchor:focus-visible:after {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
.footer__sns__list__item__anchor .anchor__inner {
  display: none;
}

.nav--main a, .nav--main button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .nav--main a:hover, .nav--main button:hover {
    text-decoration-line: none;
  }
}
.nav--main a:focus-visible, .nav--main a.is-hover, .nav--main button:focus-visible, .nav--main button.is-hover {
  text-decoration-line: none;
}
.nav--main a, .nav--main button {
  color: inherit;
}
@media (hover: hover) {
  .nav--main a:hover, .nav--main button:hover {
    color: inherit;
  }
}
.nav--main a:focus-visible, .nav--main a.is-hover, .nav--main button:focus-visible, .nav--main button.is-hover {
  color: inherit;
}
.nav--main > ul {
  column-count: auto;
  column-width: 15em;
}
.nav--main > ul {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.nav--main > ul > li > span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  border-top: 0.1rem solid #16181a;
  display: block;
}
.nav--main > ul > li > a {
  padding-left: 1em;
}
.nav--main > ul > li > ul {
  padding-left: 1em;
}
.nav--main > ul > li > ul > li > span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: rgba(22, 24, 26, 0.5);
}
.nav--main > ul > li > ul > li > ul > li > a {
  padding-left: 1em;
}
.nav--main li {
  white-space: nowrap;
}
html.un-touched .nav--main a:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: var(--radius--sm);
}
html.un-touched .nav--main a:focus-visible {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}

.aligncenter {
  margin-inline: auto;
}

.grid .size-large,
.grid img.size-large,
.grid .size-medium,
.grid img.size-medium,
.grid .size-thumbnail,
.grid img.size-thumbnail {
  margin: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.size-large,
img.size-large,
.size-medium,
img.size-medium,
.size-thumbnail,
img.size-thumbnail,
.size-full,
img.size-full {
  border-radius: var(--radius);
}

.size-large {
  display: block;
  width: calc(100% + 4.2rem);
  margin-inline: -2.1rem -2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .size-large {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .size-large {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) and (max-width: 1260px) {
  .size-large {
    width: 90.8rem;
    margin-inline: -7.9rem -7.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .size-large {
    width: 104rem;
    margin-inline: -14.5rem -14.5rem;
  }
}
.size-large {
  max-width: unset;
}
.size-large + .wp-caption-text {
  width: calc(100% + 4.2rem);
  margin-inline: -2.1rem -2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .size-large + .wp-caption-text {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .size-large + .wp-caption-text {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) and (max-width: 1260px) {
  .size-large + .wp-caption-text {
    width: 90.8rem;
    margin-inline: -7.9rem -7.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .size-large + .wp-caption-text {
    width: 104rem;
    margin-inline: -14.5rem -14.5rem;
  }
}

.size-thumbnail {
  max-width: 43.4rem;
  margin-inline: auto;
}
.size-thumbnail + .wp-caption-text {
  max-width: 43.4rem;
  margin-inline: auto;
}

.widen {
  width: calc(100% + 4.2rem);
  margin-inline: -2.1rem -2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .widen {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .widen {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) and (max-width: 1260px) {
  .widen {
    width: 90.8rem;
    margin-inline: -7.9rem -7.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .widen {
    width: 104rem;
    margin-inline: -14.5rem -14.5rem;
  }
}

@media print, screen and (max-width: 667px) {
  .widen-p {
    width: calc(100% + 4.2rem);
    margin-inline: -2.1rem -2.1rem;
  }
}

@media print, screen and (max-width: 667px) {
  .widen-p-t {
    width: calc(100% + 4.2rem);
    margin-inline: -2.1rem -2.1rem;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .widen-p-t {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .widen-p-t {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .widen-t {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .widen-t {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .widen-t-sm {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}

@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .widen-t-lg {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .widen-t-d {
    width: calc(100vw - var(--scrollbar-width) - 4.6rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 4.6rem) * -0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .widen-t-d {
    width: calc(100vw - var(--scrollbar-width) - 11rem);
    margin-inline: calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5) calc((100vw - 100% - var(--scrollbar-width) - 11rem) * -0.5);
  }
}
@media print, screen and (min-width: 1018.02px) and (max-width: 1260px) {
  .widen-t-d {
    width: 90.8rem;
    margin-inline: -7.9rem -7.9rem;
  }
}

@media print, screen and (min-width: 1018.02px) and (max-width: 1260px) {
  .widen-d {
    width: 90.8rem;
    margin-inline: -7.9rem -7.9rem;
  }
}

@media print, screen and (min-width: 1260.02px) {
  .widen-w {
    width: 104rem;
    margin-inline: -14.5rem -14.5rem;
  }
}

.column {
  column-gap: calc(var(--margin-width) * 1);
}
.column br:last-child {
  display: none;
}
.column span.last {
  text-align: right;
  display: inline-block;
  width: 100%;
  margin-top: 1.7em;
}

.column--1 {
  column-count: 1;
}
.column--1-1-1-2 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-1-1-2 {
    column-count: 1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-1-2 {
    column-count: 2;
  }
}
.column--1-1-1-3 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-1-1-3 {
    column-count: 1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-1-3 {
    column-count: 3;
  }
}
.column--1-1-1-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-1-1-4 {
    column-count: 1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-1-4 {
    column-count: 4;
  }
}
.column--1-1-2-2 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-2-2 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-2-2 {
    column-count: 2;
  }
}
.column--1-1-2-3 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-2-3 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-2-3 {
    column-count: 3;
  }
}
.column--1-1-2-4 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-2-4 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-2-4 {
    column-count: 4;
  }
}
.column--1-1-3-3 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-3-3 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-3-3 {
    column-count: 3;
  }
}
.column--1-1-3-4 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-3-4 {
    column-count: 4;
  }
}
.column--1-1-4-4 {
  column-count: 1;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-1-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-1-4-4 {
    column-count: 4;
  }
}
.column--1-2-2-2 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-2-2-2 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-2-2 {
    column-count: 2;
  }
}
.column--1-2-2-3 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-2-2-3 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-2-3 {
    column-count: 3;
  }
}
.column--1-2-2-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-2-2-4 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-2-4 {
    column-count: 4;
  }
}
.column--1-2-3-3 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .column--1-2-3-3 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-2-3-3 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-3-3 {
    column-count: 3;
  }
}
.column--1-2-3-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .column--1-2-3-4 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-2-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-3-4 {
    column-count: 4;
  }
}
.column--1-2-4-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .column--1-2-4-4 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-2-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-2-4-4 {
    column-count: 4;
  }
}
.column--1-3-3-3 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-3-3-3 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-3-3-3 {
    column-count: 3;
  }
}
.column--1-3-3-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-3-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-3-3-4 {
    column-count: 4;
  }
}
.column--1-3-4-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .column--1-3-4-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--1-3-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-3-4-4 {
    column-count: 4;
  }
}
.column--1-4-4-4 {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--1-4-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--1-4-4-4 {
    column-count: 4;
  }
}
.column--2 {
  column-count: 2;
}
.column--2-2-2-3 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--2-2-2-3 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-2-2-3 {
    column-count: 3;
  }
}
.column--2-2-2-4 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--2-2-2-4 {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-2-2-4 {
    column-count: 4;
  }
}
.column--2-2-3-3 {
  column-count: 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--2-2-3-3 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-2-3-3 {
    column-count: 3;
  }
}
.column--2-2-3-4 {
  column-count: 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--2-2-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-2-3-4 {
    column-count: 4;
  }
}
.column--2-2-4-4 {
  column-count: 2;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--2-2-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-2-4-4 {
    column-count: 4;
  }
}
.column--2-3-3-3 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--2-3-3-3 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-3-3-3 {
    column-count: 3;
  }
}
.column--2-3-3-4 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--2-3-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-3-3-4 {
    column-count: 4;
  }
}
.column--2-3-4-4 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .column--2-3-4-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--2-3-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-3-4-4 {
    column-count: 4;
  }
}
.column--2-4-4-4 {
  column-count: 2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--2-4-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--2-4-4-4 {
    column-count: 4;
  }
}
.column--3 {
  column-count: 3;
}
.column--3-3-3-4 {
  column-count: 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--3-3-3-4 {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--3-3-3-4 {
    column-count: 4;
  }
}
.column--3-3-4-4 {
  column-count: 3;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .column--3-3-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--3-3-4-4 {
    column-count: 4;
  }
}
.column--3-4-4-4 {
  column-count: 3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .column--3-4-4-4 {
    column-count: 4;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .column--3-4-4-4 {
    column-count: 4;
  }
}
.column--4 {
  column-count: 4;
}
:root {
  --hero--ratio: 0.95;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --hero--ratio: 0.6666666667;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --hero--ratio: 0.5625;
  }
}

:root {
  --hero-video--ratio: 1.5;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --hero-video--ratio: 0.6666666667;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --hero-video--ratio: 0.5625;
  }
}

:root {
  --hero--logo--width: 20vw;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --hero--logo--width: 15vw;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --hero--logo--width: 10vw;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --hero--logo--width: 6vw;
  }
}

:root {
  --hero--padding--r: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --hero--padding--r: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --hero--padding--r: 11rem;
  }
}

:root {
  --hero--padding--l: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --hero--padding--l: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --hero--padding--l: 11rem;
  }
}

.hero {
  position: relative;
  z-index: 200;
  box-sizing: content-box;
  color: var(--color-body);
}
.hero a, .hero button {
  color: var(--color-body);
}
@media (hover: hover) {
  .hero a:hover, .hero button:hover {
    color: var(--color-body);
  }
}
.hero a:focus-visible, .hero a.is-hover, .hero button:focus-visible, .hero button.is-hover {
  color: var(--color-body);
}
.hero:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.hero {
  border-bottom-left-radius: var(--radius--hero);
  border-bottom-right-radius: var(--radius--hero);
  overflow: hidden;
}
.hero--fig {
  width: 100%;
  height: calc(var(--hero--ratio) * 100vw);
  min-height: 33.3333333333vw;
  max-height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero--video {
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.hero--video--overflow {
  padding-top: calc(100% * var(--hero-video--ratio));
}
.hero .video-controler__item {
  z-index: 230;
  opacity: 1;
}
.hero .draw-scroll {
  z-index: 220;
  pointer-events: none;
}
.l-main .hero:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}

.hero--video--2 {
  border-radius: var(--radius--hero);
}

.hero--video--3 {
  border-radius: var(--radius--hero);
}

.hero--main {
  padding-top: 0;
  height: calc(100vh - var(--margin-article));
  height: calc(100svh - var(--margin-article));
}
.hero--main::before {
  content: "";
  width: 100%;
  height: calc(var(--header__height) * 2);
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(#004098 10%, rgba(0, 64, 152, 0));
  z-index: 201;
}

.hero__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 210;
}

.hero__content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.hero__content > * {
  min-width: 0;
}
.hero__content > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.hero__content {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 211;
}

.hero__logo {
  position: absolute;
  margin: auto;
  inset: 0;
  width: var(--hero--logo--width);
  height: var(--hero--logo--width);
}

.hero__copy {
  font-size: 2vw;
  line-height: 1.7;
  text-align: center;
  width: 100%;
  z-index: 220;
}

.hero--video__object {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.hero--video--overflow .hero--video__object {
  height: 100%;
  object-fit: cover;
}

.hero-item {
  padding-inline: var(--padding-page-inline-thin);
}
.hero-item:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.hero-item {
  display: grid;
}
.hero-item {
  grid-template-columns: auto;
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .hero-item {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .hero-item {
    grid-template-columns: 1fr 1fr;
  }
}
.hero-item > div {
  border-radius: var(--radius);
  overflow: hidden;
}

.hr {
  width: 100%;
  height: 0.2rem;
  background-color: var(--color-main);
  clear: both;
  margin-block: var(--margin-section);
}
.hr hr {
  display: none;
}
.hr:last-child {
  margin-bottom: 0;
}
.l-full .hr:first-child, .l-full .hr:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.hr + .l-full {
  margin-top: var(--article);
}
.l-full + .hr {
  margin-top: 0;
}
.hr.js__inview {
  width: 0;
  transition-property: width;
}
.hr.js__inview.is-active {
  width: 100%;
}

.hr--st {
  height: 0.1rem;
  width: 3.9rem;
}

.hr--v {
  width: 0.1rem;
  height: var(--margin);
  margin-inline: auto;
}

.hr--page {
  height: calc(var(--margin-article) * 2);
  background-color: rgb(248.01, 248.07, 248.13);
  position: relative;
}
.hr--page::before, .hr--page::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.hr--page::before {
  top: 0;
  height: 2.2rem;
  background: linear-gradient(to bottom, rgb(215.39, 215.73, 216.07) 0%, rgba(215.39, 215.73, 216.07, 0) 100%);
}
.hr--page::after {
  bottom: 0;
  height: 0.6rem;
  background: linear-gradient(to bottom, rgba(215.39, 215.73, 216.07, 0) 0%, rgba(215.39, 215.73, 216.07, 0.5) 100%);
}

.hr--dashed {
  background: linear-gradient(to right, rgba(22, 24, 26, 0.11) 50%, transparent 50%);
  background-size: 1rem 100%;
}
.hr--dashed--md {
  height: 0.2rem;
  background-size: 2rem 100%;
}

.hr--icon {
  height: auto;
  background-color: transparent;
}
.hr--icon .icon {
  display: block;
  margin-inline: auto;
}
.l-full > .hr--icon .icon, article > .hr--icon .icon {
  padding-inline: var(--padding-page--inline);
}

.hr--svg {
  height: 3.4em;
  background-color: transparent;
  position: relative;
}
.hr--svg::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m100,50c0,8.81191,0,18.56495-3.58981,27.30353-3.58182,8.64728-10.45938,15.52484-19.10666,19.10666-8.73858,3.58981-18.49162,3.58981-27.30353,3.58981h0c-8.81191,0-18.56495,0-27.30353-3.58981-8.64728-3.58182-15.52484-10.45938-19.10666-19.10666C0,68.56495,0,58.81191,0,50h0c0-8.81191,0-18.56495,3.58981-27.30353C7.17163,14.04919,14.04919,7.17163,22.69647,3.58981,31.43505,0,41.18809,0,50,0h0c8.81191,0,18.56495,0,27.30353,3.58981,8.64728,3.58182,15.52484,10.45938,19.10666,19.10666,3.58981,8.73858,3.58981,18.49162,3.58981,27.30353h0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: red;
}
.l-full > .hr--svg::before, article > .hr--svg::before {
  margin-inline: var(--padding-page--inline);
}

.hr--shadow,
.hr--shadow--re {
  height: calc(var(--margin) * 0.5);
}

.hr--shadow {
  background: radial-gradient(ellipse farthest-side at top, rgba(22, 24, 26, 0.17), transparent 100%);
}
.l-full > .hr--shadow:first-child {
  margin-bottom: var(--margin-article);
}

.hr--shadow--re {
  background: radial-gradient(ellipse farthest-side at bottom, rgba(22, 24, 26, 0.17), transparent 100%);
}

.hr--grad {
  position: relative;
  z-index: 0;
  border: 0;
  background: linear-gradient(to right, transparent, rgba(22, 24, 26, 0.11), transparent);
}

.hr--abbr {
  height: 0.25em;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  padding-block: var(--margin-article);
  height: calc(var(--margin-article) * 3);
}
.hr--abbr::before {
  content: "…";
  line-height: 1;
  position: absolute;
  margin: auto;
  inset: 0;
  rotate: 90deg;
  transform-origin: center;
  width: 1em;
  height: 1em;
  font-size: var(--margin-article);
}

.hr-dot {
  height: 0.4rem;
  overflow: hidden;
}

.hr-dot__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.hr-dot__inner > * {
  min-width: 0;
}
.hr-dot__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.hr-dot__inner {
  flex-wrap: wrap;
}
.hr-dot__inner > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.hr-dot__inner span {
  position: relative;
  height: 0.4rem;
  width: 0.4rem;
  min-width: 0.4rem;
  max-width: 0.4rem;
}
.hr-dot__inner span:not(:first-child) {
  margin-left: 0.4rem;
}
.hr-dot__inner span::after {
  position: absolute;
  margin: auto;
  inset: 0;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: rgb(215.39, 215.73, 216.07);
}

.hr-ex:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.hr-ex {
  text-align: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.hr-ex--dotted::after {
  border: 0;
  background: linear-gradient(to right, #004098 50%, transparent 0);
  background-size: 0.4rem;
}
.hr-ex--dotted--mid::after {
  height: 0.2rem;
  background-size: 0.8rem;
}

.hr-ex__inner {
  z-index: 2;
  position: relative;
  display: inline-block;
  width: auto;
  padding-inline: 1em;
  margin-inline: auto;
}
.hr-ex__inner::before, .hr-ex__inner::after {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 0.1rem;
  background-color: currentcolor;
}
.hr-ex__inner::before {
  right: 100%;
}
.hr-ex__inner::after {
  left: 100%;
}
.hr-ex--md .hr-ex__inner::before, .hr-ex--md .hr-ex__inner::after {
  height: 0.2rem;
}
.hr-ex--dotted .hr-ex__inner::before, .hr-ex--dotted .hr-ex__inner::after {
  border: 0;
  background: linear-gradient(to right, currentcolor 50%, transparent 0);
  background-size: 0.4rem;
}
.hr-ex--dotted--md .hr-ex__inner::before, .hr-ex--dotted--md .hr-ex__inner::after {
  height: 0.2rem;
  background-size: 0.8rem;
}

.divide {
  z-index: 100;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  position: relative;
  margin-inline: 0 calc(var(--margin-width) * 2);
}
.divide::before, .divide::after {
  z-index: 100;
  content: "";
  position: absolute;
  top: 0;
  width: 0.1rem;
  height: 100%;
  background-color: var(--color-border);
}
.divide::before {
  left: 0;
}
.divide::after {
  right: 0;
}

.divide__inner {
  z-index: 100;
}
.divide__inner::before, .divide__inner::after {
  z-index: 100;
  content: "";
  position: absolute;
  top: 0;
  width: 0.1rem;
  height: 100%;
  background-color: var(--color-border);
}
.divide__inner::before {
  left: calc((100% - var(--margin-width) * 2) / 3 - 0.1rem);
}
.divide__inner::after {
  right: calc((100% - var(--margin-width) * 2) / 3 - 0.1rem);
}
.divide__inner--fit {
  margin-inline: 0 calc(var(--margin-width) * 2 * -1);
}
.divide__inner > * {
  position: relative;
  z-index: 101;
}

.icon {
  box-sizing: content-box;
  display: inline-block;
  vertical-align: middle;
}
.icon:not([class*=" .icon--active"]):not([class^=".icon--active"]) .icon__svg {
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.icon.icon--sm {
  width: 1.3rem;
}
.icon.icon--sm {
  min-width: 1.3rem;
}
.icon.icon--sm {
  max-width: 1.3rem;
}
.icon.icon--sm {
  height: 1.3rem;
}
.icon.icon--md {
  width: 2.1rem;
}
.icon.icon--md {
  min-width: 2.1rem;
}
.icon.icon--md {
  max-width: 2.1rem;
}
.icon.icon--md {
  height: 2.1rem;
}
.icon.icon--lg {
  width: 3.3rem;
}
.icon.icon--lg {
  min-width: 3.3rem;
}
.icon.icon--lg {
  max-width: 3.3rem;
}
.icon.icon--lg {
  height: 3.3rem;
}
.icon.icon--xl {
  width: 4.5rem;
}
.icon.icon--xl {
  min-width: 4.5rem;
}
.icon.icon--xl {
  max-width: 4.5rem;
}
.icon.icon--xl {
  height: 4.5rem;
}
.icon--bottom {
  rotate: 90deg;
}
.icon--left {
  rotate: 180deg;
}
.icon--top {
  rotate: 270deg;
}

.icon--sm.icon--ml, .icon-font--sm.icon--ml {
  margin-left: 0.3rem;
}
.icon--sm.icon--mr, .icon-font--sm.icon--mr {
  margin-right: 0.3rem;
}

.icon--md.icon--ml, .icon-font--md.icon--ml {
  margin-left: 0.5rem;
}
.icon--md.icon--mr, .icon-font--md.icon--mr {
  margin-right: 0.5rem;
}

.icon--lg.icon--ml, .icon-font--lg.icon--ml {
  margin-left: 0.8rem;
}
.icon--lg.icon--mr, .icon-font--lg.icon--mr {
  margin-right: 0.8rem;
}

.icon--xl.icon--ml, .icon-font--xl.icon--ml {
  margin-left: 1.1rem;
}
.icon--xl.icon--mr, .icon-font--xl.icon--mr {
  margin-right: 1.1rem;
}

.icon-wrap {
  display: block;
  position: relative;
}
.icon-wrap--main {
  background-color: var(--color-main);
  color: #ffffff;
  border-radius: 15%;
}
.icon-wrap--circle {
  border-radius: 50%;
}
.icon-wrap .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}
.icon-wrap:has(.icon--sm), .icon-wrap:has(.icon-font--sm) {
  width: 1.95rem;
  height: 1.95rem;
}
.icon-wrap:has(.icon--md), .icon-wrap:has(.icon-font--md) {
  width: 3.15rem;
  height: 3.15rem;
}
.icon-wrap:has(.icon--lg), .icon-wrap:has(.icon-font--lg) {
  width: 4.95rem;
  height: 4.95rem;
}
.icon-wrap:has(.icon--xl), .icon-wrap:has(.icon-font--xl) {
  width: 6.75rem;
  height: 6.75rem;
}

svg {
  fill: currentColor;
}

.icon--pstv .icon__svg,
*:focus .icon--focus--pstv .icon__svg,
*:has(:focus) .icon--focus--pstv .icon__svg,
.is-active.icon--is-active--pstv .icon__svg,
.is-active > .icon--is-active--pstv .icon__svg,
a:active .icon--active--pstv .icon__svg,
button:active .icon--active--pstv .icon__svg {
  fill: #16181a;
}

.icon--light .icon__svg,
*:focus .icon--focus--light .icon__svg,
*:has(:focus) .icon--focus--light .icon__svg,
.is-active.icon--is-active--light .icon__svg,
.is-active > .icon--is-active--light .icon__svg,
a:active .icon--active--light .icon__svg,
button:active .icon--active--light .icon__svg {
  fill: rgba(22, 24, 26, 0.5);
}

.icon--main .icon__svg,
*:focus .icon--focus--main .icon__svg,
*:has(:focus) .icon--focus--main .icon__svg,
.is-active.icon--is-active--main .icon__svg,
.is-active > .icon--is-active--main .icon__svg,
a:active .icon--active--main .icon__svg,
button:active .icon--active--main .icon__svg {
  fill: #004098;
}

.icon--true .icon__svg,
*:focus .icon--focus--true .icon__svg,
*:has(:focus) .icon--focus--true .icon__svg,
.is-active.icon--is-active--true .icon__svg,
.is-active > .icon--is-active--true .icon__svg,
a:active .icon--active--true .icon__svg,
button:active .icon--active--true .icon__svg {
  fill: #008B50;
}

.icon--false .icon__svg,
*:focus .icon--focus--false .icon__svg,
*:has(:focus) .icon--focus--false .icon__svg,
.is-active.icon--is-active--false .icon__svg,
.is-active > .icon--is-active--false .icon__svg,
a:active .icon--active--false .icon__svg,
button:active .icon--active--false .icon__svg {
  fill: #a61955;
}

.icon--ngtv .icon__svg,
*:focus .icon--focus--ngtv .icon__svg,
*:has(:focus) .icon--focus--ngtv .icon__svg,
.is-active.icon--is-active--ngtv .icon__svg,
.is-active > .icon--is-active--ngtv .icon__svg,
a:active .icon--active--ngtv .icon__svg,
button:active .icon--active--ngtv .icon__svg {
  fill: #ffffff;
}

@media (hover: hover) {
  a:hover .icon--hover--pstv .icon__svg,
  button:hover .icon--hover--pstv .icon__svg {
    fill: #16181a;
  }
}

@media (hover: hover) {
  a:hover .icon--hover--light .icon__svg,
  button:hover .icon--hover--light .icon__svg {
    fill: rgba(22, 24, 26, 0.5);
  }
}

@media (hover: hover) {
  a:hover .icon--hover--main .icon__svg,
  button:hover .icon--hover--main .icon__svg {
    fill: #004098;
  }
}

@media (hover: hover) {
  a:hover .icon--hover--true .icon__svg,
  button:hover .icon--hover--true .icon__svg {
    fill: #008B50;
  }
}

@media (hover: hover) {
  a:hover .icon--hover--false .icon__svg,
  button:hover .icon--hover--false .icon__svg {
    fill: #a61955;
  }
}

@media (hover: hover) {
  a:hover .icon--hover--ngtv .icon__svg,
  button:hover .icon--hover--ngtv .icon__svg {
    fill: #ffffff;
  }
}

.badge {
  z-index: 104;
  text-decoration-line: none;
}
@media (hover: hover) {
  .badge:hover {
    text-decoration-line: none;
  }
}
.badge:focus-visible, .badge.is-hover {
  text-decoration-line: none;
}
.badge {
  position: absolute;
  right: 0;
  top: 0;
  translate: 50% -50%;
  color: #004098;
  width: calc(3.1rem + var(--padding-page-pickup));
  height: calc(3.1rem + var(--padding-page-pickup));
}
.badge::after {
  content: "";
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  background-color: rgb(250.34, 250.38, 250.42);
  border-radius: 999.9rem;
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 105;
  width: 3.1rem;
  height: 3.1rem;
}
@media (hover: hover) {
  html.un-touched .badge:hover {
    outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
    outline-offset: 0;
  }
  .badge:hover {
    color: #ffffff;
  }
  .badge:hover::after {
    background-color: #a61955;
  }
}
html.un-touched .badge:focus-visible, html.un-touched .badge.is-hover {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
.badge:focus-visible, .badge.is-hover {
  color: #ffffff;
}
.badge:focus-visible::after, .badge.is-hover::after {
  background-color: #a61955;
}
.badge--close::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 106;
  background-color: currentcolor;
  width: 2.1rem;
  height: 2.1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M16,16.5c-.12793,0-.25586-.04883-.35352-.14648L4.64648,5.35352c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l11,11c.19531.19531.19531.51172,0,.70703-.09766.09766-.22559.14648-.35352.14648Z"/><path d="M5,16.5c-.12793,0-.25586-.04883-.35352-.14648-.19531-.19531-.19531-.51172,0-.70703L15.64648,4.64648c.19531-.19531.51172-.19531.70703,0s.19531.51172,0,.70703l-11,11c-.09766.09766-.22559.14648-.35352.14648Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.badge--rotate::before {
  transition-property: rotate,color,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .badge--rotate:hover::before {
    rotate: -90deg;
  }
}
.badge--rotate:focus-visible::before, .badge--rotate.is-hover::before {
  rotate: -90deg;
}

.is-notification {
  position: relative;
}
.is-notification::before {
  content: "";
  position: absolute;
  right: 8%;
  top: 8%;
  border-radius: 50%;
  background-color: var(--color-main);
  width: 20%;
  height: 20%;
}

.icon--animation--toggle.is-active .icon__svg {
  animation-play-state: paused;
}

.icon--rotate .icon__svg, .icon--rotate.icon-font {
  animation-name: kf__spin;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--xxs .icon__svg {
  animation-name: kf__spin;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--xs .icon__svg {
  animation-name: kf__spin;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--sm .icon__svg {
  animation-name: kf__spin;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--lg .icon__svg {
  animation-name: kf__spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--xl .icon__svg {
  animation-name: kf__spin;
  animation-duration: 0.6666666667s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.icon--rotate--xxl .icon__svg {
  animation-name: kf__spin;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (hover: hover) {
  .icon--rotate--toggle-hover .icon__svg:hover {
    animation-play-state: paused;
  }
}
.icon--rotate--toggle-hover .icon__svg:focus-visible, .icon--rotate--toggle-hover .icon__svg.is-hover {
  animation-play-state: paused;
}

@keyframes bound {
  0% {
    scale: 1;
  }
  5% {
    scale: 1.1;
  }
  12.5% {
    scale: 0.95;
  }
  22.5% {
    scale: 1.07;
  }
  35% {
    scale: 1;
  }
  100% {
    scale: 1;
  }
}
@keyframes turn {
  0%, 100% {
    scale: 1 1;
  }
  50% {
    scale: 0 1;
  }
}
.icon--beat {
  animation-name: bound;
  animation-duration: 1.4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (hover: hover) {
  .icon--hover--beat:hover {
    animation-name: bound;
    animation-duration: 1.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
}
.icon--hover--beat:focus-visible, .icon--hover--beat.is-hover {
  animation-name: bound;
  animation-duration: 1.4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (hover: hover) {
  .icon--hover--turn:hover {
    animation-name: turn;
    animation-duration: 1.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
}
.icon--hover--turn:focus-visible, .icon--hover--turn.is-hover {
  animation-name: turn;
  animation-duration: 1.4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.is-active--bound[aria-pressed=true] {
  animation-name: bound;
  animation-duration: 1.4s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.animated_icon {
  height: 120px;
  width: 120px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 120px 1200px;
  text-indent: -999px;
}
.animated_icon.is-actived {
  animation-name: animated_icon_s;
  animation-duration: 0.3s;
  animation-timing-function: steps(9, end);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.animated_icon[aria-pressed=true] {
  animation-name: animated_icon;
  animation-duration: 0.3s;
  animation-timing-function: steps(9, end);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@keyframes animated_icon {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes animated_icon_s {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0;
  }
}
@font-face {
  font-family: "subset";
  font-style: normal;
  font-weight: 400;
  src: url("font/subset-Regular.woff2") format("woff2"), url("font/subset-Regular.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "subset";
  font-style: normal;
  font-weight: 700;
  src: url("font/subset-Bold.woff2") format("woff2"), url("font/subset-Bold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "icon-font-13";
  font-style: normal;
  font-weight: normal;
  src: url("font/icon-font-13.woff2") format("woff2"), url("font/icon-font-13.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "icon-font-21";
  font-style: normal;
  font-weight: normal;
  src: url("font/icon-font-21.woff2") format("woff2"), url("font/icon-font-21.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "icon-font-33";
  font-style: normal;
  font-weight: normal;
  src: url("font/icon-font-33.woff2") format("woff2"), url("font/icon-font-33.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "icon-font-45";
  font-style: normal;
  font-weight: normal;
  src: url("font/icon-font-45.woff2") format("woff2"), url("font/icon-font-45.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-weight: 400;
  src: url("font/Geologica-ExtraLight.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-weight: 600;
  src: url("font/Geologica-Regular.ttf") format("truetype");
  font-display: block;
}
.icon-font {
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  box-sizing: content-box;
  text-transform: lowercase;
  font-weight: initial;
}

.icon-font_svg {
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
}

.icon-font--sm,
.icon-font_svg--sm {
  font-family: icon-font-13;
  font-variation-settings: "wght" 100;
  font-size: 1.3rem;
}
.icon-font--sm.icon-font--2x, .icon-font--sm.icon-font_svg--2x,
.icon-font_svg--sm.icon-font--2x,
.icon-font_svg--sm.icon-font_svg--2x {
  font-family: icon-font-13;
  font-variation-settings: "wght" 100;
  font-size: 2.6rem;
}
.icon-font--sm.icon-font--p2,
.icon-font_svg--sm.icon-font--p2 {
  font-family: icon-font-13;
  font-variation-settings: "wght" 100;
  font-size: 0.65rem;
}

.icon-font--md,
.icon-font_svg--md {
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
}
.icon-font--md.icon-font--2x, .icon-font--md.icon-font_svg--2x,
.icon-font_svg--md.icon-font--2x,
.icon-font_svg--md.icon-font_svg--2x {
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 4.2rem;
}
.icon-font--md.icon-font--p2,
.icon-font_svg--md.icon-font--p2 {
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 1.05rem;
}

.icon-font--lg,
.icon-font_svg--lg {
  font-family: icon-font-33;
  font-variation-settings: "wght" 500;
  font-size: 3.3rem;
}
.icon-font--lg.icon-font--2x, .icon-font--lg.icon-font_svg--2x,
.icon-font_svg--lg.icon-font--2x,
.icon-font_svg--lg.icon-font_svg--2x {
  font-family: icon-font-33;
  font-variation-settings: "wght" 500;
  font-size: 6.6rem;
}
.icon-font--lg.icon-font--p2,
.icon-font_svg--lg.icon-font--p2 {
  font-family: icon-font-33;
  font-variation-settings: "wght" 500;
  font-size: 1.65rem;
}

.icon-font--xl,
.icon-font_svg--xl {
  font-family: icon-font-45;
  font-variation-settings: "wght" 700;
  font-size: 4.5rem;
}
.icon-font--xl.icon-font--2x, .icon-font--xl.icon-font_svg--2x,
.icon-font_svg--xl.icon-font--2x,
.icon-font_svg--xl.icon-font_svg--2x {
  font-family: icon-font-45;
  font-variation-settings: "wght" 700;
  font-size: 9rem;
}
.icon-font--xl.icon-font--p2,
.icon-font_svg--xl.icon-font--p2 {
  font-family: icon-font-45;
  font-variation-settings: "wght" 700;
  font-size: 2.25rem;
}

.icon-font--scalable {
  font-size: 1em;
}

.icon-font--salt {
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}

@media (hover: hover) {
  .icon-font--hover-salt:hover {
    -moz-font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    font-feature-settings: "salt";
  }
}
.icon-font--hover-salt:focus-visible, .icon-font--hover-salt.is-hover {
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}

.icon-font--clip {
  border-radius: 50%;
  overflow: hidden;
  display: block;
}

.icon-font--before::before {
  width: 1em;
  height: 1em;
  content: attr(data-pseudo);
}

.icon-layer {
  position: relative;
}
.icon-layer .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.with-icon,
.wall.with-icon,
.button.with-icon,
button.with-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.with-icon > *,
.wall.with-icon > *,
.button.with-icon > *,
button.with-icon > * {
  min-width: 0;
}
.with-icon > *.minimum,
.wall.with-icon > *.minimum,
.button.with-icon > *.minimum,
button.with-icon > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.with-icon,
.wall.with-icon,
.button.with-icon,
button.with-icon {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.with-icon:not(.with-icon--collect) > *:not(.flex__item),
.wall.with-icon:not(.with-icon--collect) > *:not(.flex__item),
.button.with-icon:not(.with-icon--collect) > *:not(.flex__item),
button.with-icon:not(.with-icon--collect) > *:not(.flex__item) {
  flex-grow: 1;
}
.with-icon:not(.with-icon--collect),
.wall.with-icon:not(.with-icon--collect),
.button.with-icon:not(.with-icon--collect),
button.with-icon:not(.with-icon--collect) {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.with-icon {
  position: relative;
  z-index: 0;
}
.with-icon .icon-font {
  width: 1em;
  max-width: 1em;
}
.with-icon .icon--sm,
.with-icon .icon-font--sm {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.with-icon .icon--md,
.with-icon .icon-font--md {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.with-icon .icon--lg,
.with-icon .icon-font--lg {
  padding-left: -0.1rem;
  padding-right: -0.1rem;
}
.with-icon .icon--xl,
.with-icon .icon-font--xl {
  padding-left: -0.7rem;
  padding-right: -0.7rem;
}
.with-icon > *:not(:only-child) {
  margin-left: 0.4rem;
}
.with-icon > .icon, .with-icon > .icon-font {
  flex-shrink: 0;
  z-index: 2;
}
.with-icon > .icon:first-child, .with-icon > .icon.only__is-active:not(.is-active) + .icon, .with-icon > .icon-font:first-child, .with-icon > .icon-font.only__is-active:not(.is-active) + .icon {
  margin-left: -0.9rem;
}
.with-icon > .icon:last-child, .with-icon > .icon-font:last-child {
  margin-right: -0.9rem;
}
.with-icon > .icon:only-child, .with-icon > .icon-font:only-child {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.with-icon--center span {
  text-align: center;
}

.button.with-icon--button .icon {
  margin: 0;
  padding: 0;
  display: block;
  background-color: #004098;
  color: var(--color-figure);
  border-radius: 50%;
  aspect-ratio: 1/1;
  text-align: center;
  color: #ffffff;
  width: auto;
  height: 100%;
  text-align: center;
}
.button.with-icon--button .button__str + .icon {
  position: absolute;
  margin-block: auto;
  left: auto;
  top: 0;
  bottom: 0;
  right: 0;
}
.button.with-icon--button .icon:first-child {
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
}
@media (hover: hover) {
  .button.with-icon--button:hover .icon {
    background-color: rgb(0, 51.2, 121.6);
  }
}
.button.with-icon--button:focus-visible .icon, .button.with-icon--button.is-hover .icon {
  background-color: rgb(0, 51.2, 121.6);
}

.curtain {
  background-color: #16181a;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 825;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.6s;
  transition-property: opacity;
  padding: var(--padding-page);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.curtain a, .curtain button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .curtain a:hover, .curtain button:hover {
    text-decoration-line: none;
  }
}
.curtain a:focus-visible, .curtain a.is-hover, .curtain button:focus-visible, .curtain button.is-hover {
  text-decoration-line: none;
}
.curtain, .curtain a {
  color: var(--color-body);
}
.curtain.is-active {
  pointer-events: auto;
  opacity: 1;
}
.curtain--top, .curtain--right, .curtain--bottom, .curtain--left {
  opacity: 1;
}
.curtain--top, .curtain--bottom {
  height: 50%;
}
.curtain--right, .curtain--left {
  width: 50%;
}
.curtain--top {
  inset: auto auto 100% 0;
  transition-property: bottom;
}
.curtain--top.is-active {
  bottom: 50%;
}
.curtain--right {
  inset: 0 auto auto 100%;
  transition-property: left;
}
.curtain--right.is-active {
  left: 50%;
}
.curtain--bottom {
  inset: 100% auto auto 0;
  left: 0;
  transition-property: top;
}
.curtain--bottom.is-active {
  top: 50%;
}
.curtain--left {
  inset: 0 100% auto auto;
  transition-property: right;
}
.curtain--left.is-active {
  right: 50%;
}

.curtain--double {
  transition-delay: 0.1s;
}
.curtain--double::before {
  content: "";
  position: absolute;
  z-index: 826;
  background-color: #FFD43B;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.6s;
  transition-delay: 0s;
}
.curtain--double.is-active::before {
  transition-delay: 0.4s;
}
.curtain--double.curtain--top::before {
  left: 0;
  bottom: 100%;
  transition-property: bottom;
}
.curtain--double.curtain--top.is-active::before {
  bottom: 0;
}
.curtain--double.curtain--right::before {
  top: 0;
  left: 100%;
  transition-property: left;
}
.curtain--double.curtain--right.is-active::before {
  left: 0;
}
.curtain--double.curtain--bottom::before {
  left: 0;
  top: 100%;
  transition-property: top;
}
.curtain--double.curtain--bottom.is-active::before {
  top: 0;
}
.curtain--double.curtain--left::before {
  top: 0;
  right: 100%;
  transition-property: right;
}
.curtain--double.curtain--left.is-active::before {
  right: 0;
}

.curtain--ripple {
  background-color: transparent;
  transition-duration: 0.3s;
}
.curtain--ripple .curtain__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-property: background-color;
}
.curtain--ripple span {
  z-index: 826;
  border-radius: 50%;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #16181a;
  position: absolute;
  right: 100rem;
  top: 30rem;
  translate: 50% -50%;
  transform-origin: center;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  transition-property: border-width, transform;
  transition-delay: 0.4s;
  transition-duration: 0s;
}
.curtain--ripple span:first-child {
  width: 40vh;
  height: 40vh;
  background-color: #16181a;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:first-child {
    width: 40vw;
    height: 40vw;
  }
}
.curtain--ripple span:nth-child(2) {
  width: 40vh;
  height: 40vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(2) {
    width: 40vw;
    height: 40vw;
  }
}
.curtain--ripple span:nth-child(3) {
  width: 80vh;
  height: 80vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(3) {
    width: 80vw;
    height: 80vw;
  }
}
.curtain--ripple span:nth-child(4) {
  width: 120vh;
  height: 120vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(4) {
    width: 120vw;
    height: 120vw;
  }
}
.curtain--ripple span:nth-child(5) {
  width: 160vh;
  height: 160vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(5) {
    width: 160vw;
    height: 160vw;
  }
}
.curtain--ripple span:nth-child(6) {
  width: 200vh;
  height: 200vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(6) {
    width: 200vw;
    height: 200vw;
  }
}
.curtain--ripple span:nth-child(7) {
  width: 240vh;
  height: 240vh;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple span:nth-child(7) {
    width: 240vw;
    height: 240vw;
  }
}
.curtain--ripple.is-active {
  transition-duration: 0s;
}
.curtain--ripple.is-active .curtain__bg {
  background-color: #16181a;
  transition-delay: 0.7s;
}
.curtain--ripple.is-active span:not(:first-child) {
  transition-duration: 0.7s;
  transition-delay: 0s;
  border-width: 20.25vh;
  translate: 50% -50%;
  scale: 1.3;
}
@media print, screen and (orientation: portrait) {
  .curtain--ripple.is-active span:not(:first-child) {
    border-width: 20.25vw;
  }
}

.curtain--circle {
  opacity: 0;
  background-color: transparent;
  transition-duration: 0s;
  transition-delay: 1s;
  transition-property: opacity;
}
.curtain--circle, .curtain--circle a {
  color: var(--color-figure);
}
.curtain--circle .curtain__bg span {
  position: absolute;
  opacity: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  z-index: 826;
  right: 100rem;
  top: 30rem;
  translate: 50% -50%;
  transform-origin: center;
}
.curtain--circle .curtain__bg span:nth-child(1) {
  background-color: #a61955;
  transition: transform 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.6s, opacity 0.4s cubic-bezier(0, 0.55, 0.45, 1) 1s;
}
.curtain--circle .curtain__bg span:nth-child(2) {
  background-color: var(--color-body);
  transition: transform 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.4s, opacity 0.4s cubic-bezier(0, 0.55, 0.45, 1) 1s;
}
.curtain--circle.is-active {
  background-color: transparent;
  transition-duration: 0s;
  transition-delay: 0s;
  opacity: 1;
}
.curtain--circle.is-active .curtain__bg span {
  opacity: 1;
  translate: 50% -50%;
  scale: 70;
}
.curtain--circle.is-active .curtain__bg span:nth-child(1) {
  transition: opacity 0s linear 0s, transform 1s cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.curtain--circle.is-active .curtain__bg span:nth-child(2) {
  transition: opacity 0s linear 0s, transform 1s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;
}

.curtain__nav {
  z-index: 835;
  position: relative;
}
.curtain__nav--main {
  font-size: 5vh;
  line-height: 0.95em;
}
.curtain__nav--main:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.curtain__nav--sub {
  font-size: 2vh;
  line-height: 1em;
}

.curtain__nav__item {
  position: relative;
}
.curtain__nav--main .curtain__nav__item {
  margin-bottom: 0.1em;
  overflow: hidden;
}
.curtain__nav--main .curtain__nav__item:nth-child(2) {
  margin-left: 1em;
}
.curtain__nav--main .curtain__nav__item:nth-child(3) {
  margin-left: 5em;
}
.curtain__nav--main .curtain__nav__item:nth-child(4) {
  margin-left: 2em;
}
.curtain__nav--sub .curtain__nav__item {
  display: inline-block;
}

.curtain__nav__item__inner {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0s;
  transition-delay: 0.6s;
  display: block;
  width: 100%;
}
.curtain__nav--main .curtain__nav__item__inner {
  translate: -100% 0;
  transition-property: transform;
}
.curtain.is-active .curtain__nav--main .curtain__nav__item__inner {
  translate: 0 0;
  transition-duration: 0.6s;
}
.curtain__nav--sub .curtain__nav__item__inner {
  opacity: 0;
  padding-right: 0;
  transition-property: opacity, padding;
}
.curtain.is-active .curtain__nav--sub .curtain__nav__item__inner {
  opacity: 1;
  padding-right: 1em;
  transition-duration: 0.675s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(1) .curtain__nav__item__inner {
  transition-delay: 0.225s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(1) .curtain__nav__item__inner {
  transition-delay: 0.225s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(2) .curtain__nav__item__inner {
  transition-delay: 0.25s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(2) .curtain__nav__item__inner {
  transition-delay: 0.25s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(3) .curtain__nav__item__inner {
  transition-delay: 0.275s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(3) .curtain__nav__item__inner {
  transition-delay: 0.275s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(4) .curtain__nav__item__inner {
  transition-delay: 0.3s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(4) .curtain__nav__item__inner {
  transition-delay: 0.3s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(5) .curtain__nav__item__inner {
  transition-delay: 0.325s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(5) .curtain__nav__item__inner {
  transition-delay: 0.325s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(6) .curtain__nav__item__inner {
  transition-delay: 0.35s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(6) .curtain__nav__item__inner {
  transition-delay: 0.35s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(7) .curtain__nav__item__inner {
  transition-delay: 0.375s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(7) .curtain__nav__item__inner {
  transition-delay: 0.375s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(8) .curtain__nav__item__inner {
  transition-delay: 0.4s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(8) .curtain__nav__item__inner {
  transition-delay: 0.4s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(9) .curtain__nav__item__inner {
  transition-delay: 0.425s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(9) .curtain__nav__item__inner {
  transition-delay: 0.425s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(10) .curtain__nav__item__inner {
  transition-delay: 0.45s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(10) .curtain__nav__item__inner {
  transition-delay: 0.45s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(11) .curtain__nav__item__inner {
  transition-delay: 0.475s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(11) .curtain__nav__item__inner {
  transition-delay: 0.475s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(12) .curtain__nav__item__inner {
  transition-delay: 0.5s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(12) .curtain__nav__item__inner {
  transition-delay: 0.5s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(13) .curtain__nav__item__inner {
  transition-delay: 0.525s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(13) .curtain__nav__item__inner {
  transition-delay: 0.525s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(14) .curtain__nav__item__inner {
  transition-delay: 0.55s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(14) .curtain__nav__item__inner {
  transition-delay: 0.55s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(15) .curtain__nav__item__inner {
  transition-delay: 0.575s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(15) .curtain__nav__item__inner {
  transition-delay: 0.575s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(16) .curtain__nav__item__inner {
  transition-delay: 0.6s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(16) .curtain__nav__item__inner {
  transition-delay: 0.6s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(17) .curtain__nav__item__inner {
  transition-delay: 0.625s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(17) .curtain__nav__item__inner {
  transition-delay: 0.625s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(18) .curtain__nav__item__inner {
  transition-delay: 0.65s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(18) .curtain__nav__item__inner {
  transition-delay: 0.65s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(19) .curtain__nav__item__inner {
  transition-delay: 0.675s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(19) .curtain__nav__item__inner {
  transition-delay: 0.675s;
}

.curtain.is-active .curtain__nav--main .curtain__nav__item:nth-child(20) .curtain__nav__item__inner {
  transition-delay: 0.7s;
}

.curtain.is-active .curtain__nav--sub .curtain__nav__item:nth-child(20) .curtain__nav__item__inner {
  transition-delay: 0.7s;
}

:root {
  --draw_hamburger__length: 1.8rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --draw_hamburger__length: 1.5rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --draw_hamburger__length: 1.8rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --draw_hamburger__length: 2.1rem;
  }
}

:root {
  --draw_hamburger__thickness: 1.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --draw_hamburger__thickness: 1rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --draw_hamburger__thickness: 1.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --draw_hamburger__thickness: 1.4rem;
  }
}

:root {
  --draw_hamburger__border-width: 0.2rem;
}

:root {
  --draw_hamburger__gap: 0.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --draw_hamburger__gap: 0.2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --draw_hamburger__gap: 0.3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --draw_hamburger__gap: 0.4rem;
  }
}

.draw-hamburger {
  width: 100%;
  height: 100%;
  z-index: 890;
  position: relative;
  display: block;
  color: currentcolor;
  min-height: max(var(--draw_hamburger__thickness), var(--draw_hamburger__length));
  min-width: var(--draw_hamburger__length);
}
body.home .draw-hamburger {
  color: var(--color-white);
}

.draw-hamburger__inner {
  position: absolute;
  margin: auto;
  inset: 0;
}
.draw-hamburger--h .draw-hamburger__inner {
  width: var(--draw_hamburger__length);
  height: var(--draw_hamburger__thickness);
}
.draw-hamburger__inner span {
  display: block;
  position: absolute;
  background-color: currentcolor;
  margin: auto;
}
.draw-hamburger--h .draw-hamburger__inner span {
  width: 100%;
  left: 0;
  height: var(--draw_hamburger__border-width);
}
.draw-hamburger--h .draw-hamburger__inner span:first-child {
  top: 0;
}
.draw-hamburger--h .draw-hamburger__inner span:not(:first-child):not(:last-child) {
  right: 0;
  top: calc(var(--draw_hamburger__gap) + var(--draw_hamburger__border-width));
}
.draw-hamburger--h .draw-hamburger__inner span:last-child {
  bottom: 0;
}
.draw-hamburger--animate .draw-hamburger__inner span {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.draw-hamburger--above .draw-hamburger__inner::before, .draw-hamburger--above .draw-hamburger__inner::after {
  content: "";
  background-color: currentcolor;
  opacity: 0;
  transform-origin: center;
  rotate: 0deg;
}
.draw-hamburger--above.draw-hamburger--h .draw-hamburger__inner::before, .draw-hamburger--above.draw-hamburger--h .draw-hamburger__inner::after {
  top: 0;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: var(--draw_hamburger__length);
  height: var(--draw_hamburger__border-width);
  transition: top 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, bottom 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, rotate 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, width 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
}
.draw-hamburger--above.draw-hamburger--h .draw-hamburger__inner span {
  transition: top 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, bottom 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, width 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
}
.draw-hamburger--above.draw-hamburger--v .draw-hamburger__inner::before, .draw-hamburger--above.draw-hamburger--v .draw-hamburger__inner::after {
  left: 0;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  transition: left 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, right 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, rotate 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, height 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
  height: var(--draw_hamburger__length);
  width: var(--draw_hamburger__border-width);
}
.draw-hamburger--above.draw-hamburger--v .draw-hamburger__inner span {
  transition: left 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, right 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, height 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
}
.draw-hamburger--above[aria-expanded=true] .draw-hamburger__inner::before, .draw-hamburger--above[aria-expanded=true] .draw-hamburger__inner::after {
  opacity: 1;
}
.draw-hamburger--above[aria-expanded=true] .draw-hamburger__inner::before {
  rotate: 45deg;
}
.draw-hamburger--above[aria-expanded=true] .draw-hamburger__inner::after {
  rotate: -45deg;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--h .draw-hamburger__inner::before, .draw-hamburger--above[aria-expanded=true].draw-hamburger--h .draw-hamburger__inner::after {
  top: calc(var(--draw_hamburger__gap) + var(--draw_hamburger__border-width));
  transition: top 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, bottom 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, rotate 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, width 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
  width: var(--draw_hamburger__length);
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--h span {
  opacity: 0;
  width: 100% !important;
  transition: top 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, bottom 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, width 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, opacity 0s linear 0.2s;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--h span:first-child {
  top: 0;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--h span:not(:first-child):not(:last-child) {
  top: 0;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--h span:last-child {
  bottom: calc(100% - var(--draw_hamburger__border-width));
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--v .draw-hamburger__inner::before, .draw-hamburger--above[aria-expanded=true].draw-hamburger--v .draw-hamburger__inner::after {
  left: calc(var(--draw_hamburger__gap) + var(--draw_hamburger__border-width));
  transition: left 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, right 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, rotate 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, height 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0.2s, opacity 0s linear 0.2s;
  height: var(--draw_hamburger__length);
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--v span {
  opacity: 0;
  height: 100% !important;
  transition: left 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, right 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, height 0.2s cubic-bezier(0, 0.55, 0.45, 1) 0s, opacity 0s linear 0.2s;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--v span:first-child {
  left: 0;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--v span:not(:first-child):not(:last-child) {
  left: 0;
}
.draw-hamburger--above[aria-expanded=true].draw-hamburger--v span:last-child {
  right: calc(100% - var(--draw_hamburger__border-width));
}

.draw-close {
  display: block;
  position: relative;
  border-radius: 50%;
  z-index: 910;
}
.draw-close {
  width: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-close {
    width: 2.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-close {
    width: 3.3rem;
  }
}
.draw-close {
  height: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-close {
    height: 2.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-close {
    height: 3.3rem;
  }
}
.draw-close::before, .draw-close::after {
  pointer-events: none;
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  background-color: currentcolor;
  z-index: 912;
}
.draw-close::before, .draw-close::after {
  height: 0.1rem;
}
.draw-close::before {
  rotate: 45deg;
}
.draw-close::after {
  rotate: -45deg;
}

.draw-close__inner {
  transition-property: background-color,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 911;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 100%;
}

.draw-close--circle {
  border: 0.1rem solid currentcolor;
}
.draw-close--circle::before, .draw-close--circle::after {
  width: 0.9rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-close--circle::before, .draw-close--circle::after {
    width: 1.3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-close--circle::before, .draw-close--circle::after {
    width: 2.1rem;
  }
}

.draw-close--circle--fill {
  color: #ffffff;
  border: 0;
}
@media (hover: hover) {
  .draw-close--circle--fill:hover {
    color: #ffffff;
  }
}
.draw-close--circle--fill:focus-visible, .draw-close--circle--fill.is-hover {
  color: #ffffff;
}
.draw-close--circle--fill .draw-close__inner {
  background-color: #004098;
  transition-property: background, color, rotate, scale;
}
@media (hover: hover) {
  .draw-close--circle--fill .draw-close__inner:hover {
    color: #ffffff;
    background-color: rgb(0, 51.2, 121.6);
    scale: 1.5;
  }
}
.draw-close--circle--fill .draw-close__inner:focus-visible, .draw-close--circle--fill .draw-close__inner.is-hover {
  color: #ffffff;
  background-color: rgb(0, 51.2, 121.6);
  scale: 1.5;
}

.draw-close--animate, .draw-close--animate::before, .draw-close--animate::after {
  transition-property: rotate,scale,background-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

@media (hover: hover) {
  .draw-close--animate--90:hover {
    rotate: 90deg;
  }
}
.draw-close--animate--90:focus-visible, .draw-close--animate--90.is-hover {
  rotate: 90deg;
}

@media (hover: hover) {
  .draw-close--animate--180:hover {
    rotate: 180deg;
  }
}
.draw-close--animate--180:focus-visible, .draw-close--animate--180.is-hover {
  rotate: 180deg;
}

@media (hover: hover) {
  .draw-close--animate--reflect:hover::before {
    rotate: 135deg;
  }
  .draw-close--animate--reflect:hover::after {
    rotate: -135deg;
  }
}
.draw-close--animate--reflect:focus-visible::before, .draw-close--animate--reflect.is-hover::before {
  rotate: 135deg;
}
.draw-close--animate--reflect:focus-visible::after, .draw-close--animate--reflect.is-hover::after {
  rotate: -135deg;
}

@media (hover: hover) {
  .draw-close--animate--propeller:hover::before {
    rotate: 225deg;
  }
  .draw-close--animate--propeller:hover::after {
    rotate: 315deg;
  }
}
.draw-close--animate--propeller:focus-visible::before, .draw-close--animate--propeller.is-hover::before {
  rotate: 225deg;
}
.draw-close--animate--propeller:focus-visible::after, .draw-close--animate--propeller.is-hover::after {
  rotate: 315deg;
}

.draw-plus {
  display: block;
  position: relative;
  border-radius: 50%;
  border-style: solid;
  border-color: currentcolor;
}
.draw-plus {
  width: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-plus {
    width: 3.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-plus {
    width: 4.3rem;
  }
}
.draw-plus {
  height: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-plus {
    height: 3.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-plus {
    height: 4.3rem;
  }
}
.draw-plus {
  border-width: 0.1rem;
}
.draw-plus::before, .draw-plus::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  background-color: currentcolor;
}
.draw-plus::before, .draw-plus::after {
  width: 1.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-plus::before, .draw-plus::after {
    width: 1.9rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-plus::before, .draw-plus::after {
    width: 2.5rem;
  }
}
.draw-plus::before, .draw-plus::after {
  height: 0.1rem;
}
.draw-plus::before {
  rotate: 0deg;
}
.draw-plus::after {
  rotate: 90deg;
}

.draw-plus--animate::before, .draw-plus--animate::after {
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.draw-plus--animate--45[aria-expanded=true]::before {
  rotate: 45deg;
}
.draw-plus--animate--45[aria-expanded=true]::after {
  rotate: 135deg;
}

.draw-plus--animate--135[aria-expanded=true]::before {
  rotate: 135deg;
}
.draw-plus--animate--135[aria-expanded=true]::after {
  rotate: 225deg;
}

.draw-plus--animate--propeller[aria-expanded=true]::before {
  rotate: 135deg;
}
.draw-plus--animate--propeller[aria-expanded=true]::after {
  rotate: 405deg;
}

.draw-play__wrap {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-play__wrap:hover {
    text-decoration-line: none;
  }
}
.draw-play__wrap:focus-visible, .draw-play__wrap.is-hover {
  text-decoration-line: none;
}
.draw-play__wrap a, .draw-play__wrap button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-play__wrap a:hover, .draw-play__wrap button:hover {
    text-decoration-line: none;
  }
}
.draw-play__wrap a:focus-visible, .draw-play__wrap a.is-hover, .draw-play__wrap button:focus-visible, .draw-play__wrap button.is-hover {
  text-decoration-line: none;
}
.draw-play__wrap {
  position: relative;
  z-index: 100;
}
.draw-play__wrap img {
  transition-property: scale;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 101;
}
@media (hover: hover) {
  .draw-play__wrap:hover img {
    scale: 1.1;
  }
}
.draw-play__wrap:focus-visible img, .draw-play__wrap.is-hover img {
  scale: 1.1;
}

.draw-play {
  display: block;
  position: relative;
  z-index: 110;
}
.draw-play::before, .draw-play::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: clamp(0.1rem, 0.2vw, 0.2rem) solid currentcolor;
  border-radius: 50%;
  pointer-events: none;
  z-index: 101;
}
.draw-play .icon {
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 110;
}
.draw-play--em {
  width: 10%;
  height: 0;
  padding-top: 10%;
}
.draw-play--em .icon {
  font-size: 2em;
}
.draw-play--sm {
  width: 2rem;
  height: 2rem;
}
.draw-play--md {
  width: 3.2rem;
  height: 3.2rem;
}
.draw-play--lg {
  width: 4.9rem;
  height: 4.9rem;
}
.draw-play--xl {
  width: 6.8rem;
  height: 6.8rem;
}
.draw-play--ngtv {
  color: #ffffff;
}
.draw-play--pstv {
  color: var(--color-figure);
}
.draw-play--bg {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border: 0;
}
.draw-play--bg::before, .draw-play--bg::after {
  display: none;
}
.draw-play--bg .icon {
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}
.draw-play__wrap .draw-play {
  position: absolute;
  margin: auto;
  inset: 0;
}

.draw-play__btn {
  z-index: 109;
  min-height: 4rem;
  position: relative;
  align-items: center;
  display: grid;
}
.draw-play__btn {
  grid-template-columns: auto 1fr;
}
.draw-play__btn {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-play__btn:hover {
    text-decoration-line: none;
  }
}
.draw-play__btn:focus-visible, .draw-play__btn.is-hover {
  text-decoration-line: none;
}
html.un-touched .draw-play__btn:focus-visible {
  border-radius: 999.9rem;
  outline-offset: var(--radius--sm);
}

.draw-play__btn__icon .draw-play {
  position: relative;
}

.draw-play__btn__str {
  padding-left: 1em;
  text-decoration-line: none;
}

@media (hover: hover) {
  .draw-play__wrap:hover .draw-play,
  .draw-play__btn:hover .draw-play {
    border-color: currentcolor;
  }
  .draw-play__wrap:hover .draw-play::before,
  .draw-play__btn:hover .draw-play::before {
    transition-property: scale,opacity;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
    transition-delay: 0s;
    scale: 3;
    opacity: 0;
  }
}
.draw-play__wrap:focus-visible .draw-play, .draw-play__wrap.is-hover .draw-play,
.draw-play__btn:focus-visible .draw-play,
.draw-play__btn.is-hover .draw-play {
  border-color: currentcolor;
}
.draw-play__wrap:focus-visible .draw-play::before, .draw-play__wrap.is-hover .draw-play::before,
.draw-play__btn:focus-visible .draw-play::before,
.draw-play__btn.is-hover .draw-play::before {
  transition-property: scale,opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  scale: 3;
  opacity: 0;
}

@media (hover: hover) {
  .draw-play__wrap:hover img {
    scale: 1.1;
  }
}
.draw-play__wrap:focus-visible img, .draw-play__wrap.is-hover img {
  scale: 1.1;
}

.draw-play__wrap--bg {
  position: relative;
}
.draw-play__wrap--bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 102;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .draw-play__wrap--bg:hover::before {
    opacity: 1;
  }
}
.draw-play__wrap--bg:focus-visible::before, .draw-play__wrap--bg.is-hover::before {
  opacity: 1;
}

.draw-kebob {
  width: 100%;
  min-height: 2.3rem;
  z-index: 501;
  position: relative;
  display: block;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-kebob {
    min-height: 2.7rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-kebob {
    min-height: 4.3rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-kebob {
    min-height: 4.7rem;
  }
}

.draw-kebob__inner {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  margin: auto;
  inset: 0;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-kebob__inner {
    width: 2.7rem;
    height: 2.7rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-kebob__inner {
    width: 4.3rem;
    height: 4.3rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-kebob__inner {
    width: 4.7rem;
    height: 4.7rem;
  }
}
.draw-kebob__inner::before, .draw-kebob__inner::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 0;
  height: 0.1rem;
  background-color: currentcolor;
  opacity: 0;
}
.draw-kebob__inner::before {
  rotate: 45deg;
}
.draw-kebob__inner::after {
  rotate: -45deg;
}
.draw-kebob__inner span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0.3rem;
  height: 0.3rem;
  background-color: currentcolor;
  border-radius: 50%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-kebob__inner span {
    height: 0.3rem;
    width: 0.3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-kebob__inner span {
    height: 0.5rem;
    width: 0.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-kebob__inner span {
    height: 0.5rem;
    width: 0.5rem;
  }
}
.draw-kebob__inner span:first-child {
  top: 0;
}
.draw-kebob__inner span:not(:first-child):not(:last-child) {
  top: 1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-kebob__inner span:not(:first-child):not(:last-child) {
    top: 1.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-kebob__inner span:not(:first-child):not(:last-child) {
    top: 1.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-kebob__inner span:not(:first-child):not(:last-child) {
    top: 2.1rem;
  }
}
.draw-kebob__inner span:last-child {
  bottom: 0;
}
.draw-kebob[aria-expanded=true] .draw-kebob__inner::before, .draw-kebob[aria-expanded=true] .draw-kebob__inner::after {
  width: 100%;
  opacity: 1;
}
.draw-kebob[aria-expanded=true] .draw-kebob__inner span {
  opacity: 0;
}
.draw-kebob--animate .draw-kebob__inner::before, .draw-kebob--animate .draw-kebob__inner::after {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width, opacity;
  transition-delay: 0s;
}
.draw-kebob--animate .draw-kebob__inner span {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  opacity: 1;
}
.draw-kebob--animate .draw-kebob__inner span:nth-child(1) {
  transition-delay: 0.35s;
}
.draw-kebob--animate .draw-kebob__inner span:nth-child(2) {
  transition-delay: 0.3s;
}
.draw-kebob--animate .draw-kebob__inner span:nth-child(3) {
  transition-delay: 0.4s;
}
.draw-kebob--animate[aria-expanded=true] .draw-kebob__inner::before, .draw-kebob--animate[aria-expanded=true] .draw-kebob__inner::after {
  transition-delay: 0.3s;
}
.draw-kebob--animate[aria-expanded=true] .draw-kebob__inner span:nth-child(1) {
  transition-delay: 0s;
}
.draw-kebob--animate[aria-expanded=true] .draw-kebob__inner span:nth-child(2) {
  transition-delay: 0s;
}
.draw-kebob--animate[aria-expanded=true] .draw-kebob__inner span:nth-child(3) {
  transition-delay: 0s;
}

.draw-meetball {
  height: 2.3rem;
  z-index: 501;
  position: relative;
  display: block;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-meetball {
    height: 2.7rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-meetball {
    height: 2.7rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-meetball {
    height: 2.7rem;
  }
}

.draw-meetball__inner {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  margin: auto;
  inset: 0;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-meetball__inner {
    width: 2.7rem;
    height: 2.7rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-meetball__inner {
    width: 4.3rem;
    height: 4.3rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-meetball__inner {
    width: 4.7rem;
    height: 4.7rem;
  }
}
.draw-meetball__inner::before, .draw-meetball__inner::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 0;
  height: 0.1rem;
  background-color: currentcolor;
  opacity: 0;
}
.draw-meetball__inner::before {
  rotate: 45deg;
}
.draw-meetball__inner::after {
  rotate: -45deg;
}
.draw-meetball__inner span {
  display: block;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: currentcolor;
  border-radius: 50%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-meetball__inner span {
    height: 0.3rem;
    width: 0.3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-meetball__inner span {
    height: 0.5rem;
    width: 0.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-meetball__inner span {
    height: 0.5rem;
    width: 0.5rem;
  }
}
.draw-meetball__inner span:first-child {
  left: 0;
}
.draw-meetball__inner span:not(:first-child):not(:last-child) {
  left: 1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .draw-meetball__inner span:not(:first-child):not(:last-child) {
    left: 1.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-meetball__inner span:not(:first-child):not(:last-child) {
    left: 1.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-meetball__inner span:not(:first-child):not(:last-child) {
    left: 2.1rem;
  }
}
.draw-meetball__inner span:last-child {
  right: 0;
}
.draw-meetball[aria-expanded=true] .draw-meetball__inner::before, .draw-meetball[aria-expanded=true] .draw-meetball__inner::after {
  width: 100%;
  opacity: 1;
}
.draw-meetball[aria-expanded=true] .draw-meetball__inner span {
  opacity: 0;
}
.draw-meetball--animate .draw-meetball__inner::before, .draw-meetball--animate .draw-meetball__inner::after {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width, opacity;
  transition-delay: 0s;
}
.draw-meetball--animate .draw-meetball__inner span {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  opacity: 1;
}
.draw-meetball--animate .draw-meetball__inner span:nth-child(1) {
  transition-delay: 0.3s;
}
.draw-meetball--animate .draw-meetball__inner span:nth-child(2) {
  transition-delay: 0.35s;
}
.draw-meetball--animate .draw-meetball__inner span:nth-child(3) {
  transition-delay: 0.4s;
}
.draw-meetball--animate[aria-expanded=true] .draw-meetball__inner::before, .draw-meetball--animate[aria-expanded=true] .draw-meetball__inner::after {
  transition-delay: 0.3s;
}
.draw-meetball--animate[aria-expanded=true] .draw-meetball__inner span:nth-child(1) {
  transition-delay: 0s;
}
.draw-meetball--animate[aria-expanded=true] .draw-meetball__inner span:nth-child(2) {
  transition-delay: 0s;
}
.draw-meetball--animate[aria-expanded=true] .draw-meetball__inner span:nth-child(3) {
  transition-delay: 0s;
}

.loading {
  position: absolute;
  margin: auto;
  inset: 0;
}

.button--loading--toggle .button--loading--toggle__object {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.button--loading--toggle .loading {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.button--loading--toggle[aria-pressed=true] .button--loading--toggle__object {
  opacity: 0;
}
.button--loading--toggle[aria-pressed=true] .loading {
  opacity: 1;
}

.loading--circle {
  width: 2.1rem;
  height: 2.1rem;
}
.loading--circle::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: currentcolor;
  border-radius: 50%;
  animation: loading--circle 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
  position: absolute;
  margin: auto;
  inset: 0;
}
@keyframes loading--circle {
  0%, 100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
  12.5% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  87.5% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}

.loading--crescent::before {
  content: "";
  animation: kf__spin 1s infinite linear 0s;
  width: 2.1rem;
  height: 2.1rem;
  border-color: transparent;
  border-left-color: currentcolor;
  border-width: 0;
  border-left-width: 0.1rem;
  border-radius: 50%;
  border-style: solid;
  display: block;
  position: absolute;
  margin: auto;
  inset: 0;
}

.loading--dot {
  width: 0.5rem;
  height: 0.5rem;
}
.loading--dot span, .loading--dot::before, .loading--dot::after {
  width: 100%;
  height: 100%;
}
.loading--dot span, .loading--dot::before, .loading--dot::after {
  background-color: currentcolor;
  border-radius: 50%;
  animation: loading--dot 1s infinite ease-in-out 0s;
  position: absolute;
  top: 0;
}
.loading--dot::before, .loading--dot::after {
  content: "";
}
.loading--dot span {
  left: 0;
  right: 0;
  animation-delay: 0.1666666667s;
}
.loading--dot::before {
  left: -200%;
  animation-delay: 0s;
}
.loading--dot::after {
  right: -200%;
  animation-delay: 0.3333333333s;
}
@keyframes loading--dot {
  0%, 100% {
    background-color: transparent;
  }
  40%, 60% {
    background-color: currentcolor;
  }
}

.loading--dot--sm {
  width: 0.3rem;
  height: 0.3rem;
}

.loading--dot--lg {
  width: 0.7rem;
  height: 0.7rem;
}

.loading--dot--wave span, .loading--dot--wave::before, .loading--dot--wave::after {
  animation: loading--dot-wave 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.loading--dot--wave span {
  animation-delay: 0.1666666667s;
}
.loading--dot--wave::before {
  animation-delay: 0s;
}
.loading--dot--wave::after {
  animation-delay: 0.3333333333s;
}
@keyframes loading--dot-wave {
  0%, 25%, 50%, 100% {
    top: 0;
  }
  12.5% {
    top: 100%;
  }
  37.5% {
    top: -100%;
  }
}

.loading--dot--zoom span, .loading--dot--zoom::before, .loading--dot--zoom::after {
  animation: loading--dot-zoom 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
  transform-origin: center;
}
.loading--dot--zoom span {
  animation-delay: 0.1666666667s;
}
.loading--dot--zoom::before {
  animation-delay: 0s;
}
.loading--dot--zoom::after {
  animation-delay: 0.3333333333s;
}
@keyframes loading--dot-zoom {
  0%, 100% {
    scale: 0.35;
  }
  33.3%, 66.6% {
    scale: 1;
  }
}

.loading--rotate {
  width: 2.1rem;
  height: 2.1rem;
}
.loading--rotate span, .loading--rotate::before {
  border-radius: 50%;
  border-width: 0.1rem;
  border-style: solid;
  width: 100%;
  height: 100%;
  display: block;
}
.loading--rotate span {
  border-color: transparent;
  border-left-color: currentcolor;
  animation: loading--rotate 1s infinite ease-in-out 0s;
}
.loading--rotate::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-color: currentcolor;
  opacity: 0.2;
}

.loading--rotate--follow::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border-width: 0.1rem;
  border-style: solid;
  border-color: transparent;
  border-left-color: currentcolor;
  width: 100%;
  height: 100%;
  display: block;
  animation: loading--rotate 1s infinite ease-in-out 0.75s;
}

@keyframes loading--rotate {
  0% {
    rotate: 90deg;
  }
  100% {
    rotate: 450deg;
  }
}
.loading--paren::before {
  content: "";
  animation: kf__spin 1s infinite linear 0s;
  width: 2.1rem;
  height: 2.1rem;
  border-color: transparent;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-radius: 50%;
  border-width: 0.1rem;
  border-style: solid;
  display: block;
  position: absolute;
  margin: auto;
  inset: 0;
}

.loading--paren-md::before {
  content: "";
  animation: kf__spin 1s infinite linear 0s;
  width: 3.3rem;
  height: 3.3rem;
  border-color: transparent;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-radius: 50%;
  border-width: 0.2rem;
  border-style: solid;
  display: block;
  position: absolute;
  margin: auto;
  inset: 0;
}

.loading--paren-lg::before {
  content: "";
  animation: kf__spin 1s infinite linear 0s;
  width: 4.5rem;
  height: 4.5rem;
  border-color: transparent;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-radius: 50%;
  border-width: 0.4rem;
  border-style: solid;
  display: block;
  position: absolute;
  margin: auto;
  inset: 0;
}

.loading--progress {
  width: 3.3rem;
  height: calc(3.3rem + 1.7em);
  font-size: 1em;
  line-height: 1.7em;
}
.loading--progress svg {
  stroke: currentcolor;
  stroke-width: 0.1rem;
  stroke-dasharray: 0 200%;
  rotate: -90deg;
}
.loading--progress svg {
  width: 3.3rem;
}
.loading--progress svg {
  height: 3.3rem;
}
.loading--progress circle, .loading--progress path {
  fill: none;
}
.loading--progress--10 svg {
  stroke-dasharray: 20% 200%;
}
.loading--progress--20 svg {
  stroke-dasharray: 40% 200%;
}
.loading--progress--30 svg {
  stroke-dasharray: 60% 200%;
}
.loading--progress--40 svg {
  stroke-dasharray: 80% 200%;
}
.loading--progress--50 svg {
  stroke-dasharray: 100% 200%;
}
.loading--progress--60 svg {
  stroke-dasharray: 120% 200%;
}
.loading--progress--70 svg {
  stroke-dasharray: 140% 200%;
}
.loading--progress--80 svg {
  stroke-dasharray: 160% 200%;
}
.loading--progress--90 svg {
  stroke-dasharray: 180% 200%;
}
.loading--progress--100 svg {
  stroke-dasharray: 200% 200%;
}

.loading--svg-line {
  width: 3.3rem;
}
.loading--svg-line {
  height: 3.3rem;
}
.loading--svg-line svg {
  stroke: currentcolor;
  stroke-width: 0.1rem;
  stroke-linecap: round;
  stroke-dasharray: 70 70;
  animation: loading--svg-line__loader 2.3s infinite cubic-bezier(0.4, 0, 0.3, 1), loading--svg-line__loading 2.1s infinite linear;
}
.loading--svg-line svg {
  width: 3.3rem;
}
.loading--svg-line svg {
  height: 3.3rem;
}
.loading--svg-line circle, .loading--svg-line path {
  fill: none;
}

@keyframes loading--svg-line__loader {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -140;
  }
}
@keyframes loading--svg-line__loading {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
.loading--svg-dot {
  width: 3.3rem;
}
.loading--svg-dot {
  height: 3.3rem;
}
.loading--svg-dot svg {
  width: 3.3rem;
}
.loading--svg-dot svg {
  height: 3.3rem;
}
.loading--svg-dot svg circle, .loading--svg-dot svg polygon {
  fill: currentcolor;
  animation: loading--svg-dot--1 1s infinite linear;
}
.loading--svg-dot svg circle:nth-child(1), .loading--svg-dot svg polygon:nth-child(1) {
  animation-delay: 0s;
}
.loading--svg-dot svg circle:nth-child(2), .loading--svg-dot svg polygon:nth-child(2) {
  animation-delay: 0.3333333333s;
}
.loading--svg-dot svg circle:nth-child(3), .loading--svg-dot svg polygon:nth-child(3) {
  animation-delay: 0.6666666667s;
}
.loading--svg-dot circle, .loading--svg-dot path {
  fill: none;
}

@keyframes loading--svg-dot--1 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.loading--spin {
  width: 2.1rem;
  height: 2.1rem;
}
.loading--spin span {
  width: 0.1rem;
  height: 1.7rem;
  position: absolute;
  margin: auto;
  inset: 0;
  background: linear-gradient(to top, transparent 37.5%, transparent 0, transparent 75%, currentcolor 0);
}

.loading--spin--6 span {
  animation: kf__spin 0.6s infinite steps(6) 0s;
}
.loading--spin--6 span:nth-child(1) {
  rotate: 0deg;
  animation-delay: 0s;
}
.loading--spin--6 span:nth-child(2) {
  rotate: 60deg;
  animation-delay: 0.1s;
  opacity: 0.66;
}
.loading--spin--6 span:nth-child(3) {
  rotate: 120deg;
  animation-delay: 0.2s;
  opacity: 0.33;
}

.loading--spin--8 span {
  animation: kf__spin 0.8s infinite steps(8) 0s;
}
.loading--spin--8 span:nth-child(1) {
  rotate: 0deg;
  animation-delay: 0s;
}
.loading--spin--8 span:nth-child(2) {
  rotate: 45deg;
  animation-delay: 0.1s;
}
.loading--spin--8 span:nth-child(3) {
  rotate: 90deg;
  animation-delay: 0.2s;
  opacity: 0.66;
}
.loading--spin--8 span:nth-child(4) {
  rotate: 135deg;
  animation-delay: 0.3s;
  opacity: 0.33;
}

.loading--spin--10 span {
  animation: kf__spin 1s infinite steps(10) 0s;
}
.loading--spin--10 span:nth-child(1) {
  rotate: 0deg;
  animation-delay: 0s;
}
.loading--spin--10 span:nth-child(2) {
  rotate: 45deg;
  animation-delay: 0.1s;
}
.loading--spin--10 span:nth-child(3) {
  rotate: 90deg;
  animation-delay: 0.2s;
  opacity: 0.75;
}
.loading--spin--10 span:nth-child(4) {
  rotate: 135deg;
  animation-delay: 0.3s;
  opacity: 0.5;
}
.loading--spin--10 span:nth-child(5) {
  rotate: 180deg;
  animation-delay: 0.4s;
  opacity: 0.25;
}

.loading--side-jump {
  width: 4em;
  height: 0.2rem;
  border-radius: 999.9rem;
}
.loading--side-jump span:nth-child(1) {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999.9rem;
  background-color: currentcolor;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
}
.loading--side-jump span:nth-child(2) {
  display: block;
  width: 25%;
  height: 100%;
  border-radius: 999.9rem;
  background-color: currentcolor;
  animation: loading--side-jump 1s infinite linear 0s;
}
@keyframes loading--side-jump {
  0%, 5%, 95%, 100% {
    margin-left: 0;
  }
  45%, 55% {
    margin-left: 75%;
  }
}

.loading--seek-bar {
  height: 0.1rem;
  width: 100%;
}
.loading--seek-bar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
  display: block;
}
.loading--seek-bar span:nth-child(1) {
  opacity: 0.25;
}
.loading--seek-bar span:nth-child(2) {
  animation: draw-seek-bar 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

@keyframes draw-seek-bar {
  0% {
    width: 0;
    left: 0;
  }
  75% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
.loading--stripe {
  height: 0.2rem;
  width: 3.6rem;
  background-image: repeating-linear-gradient(to right, currentcolor, currentcolor 0.6rem, transparent 0, transparent 1.2rem);
  background-position: left 0 top;
  animation: draw-stripe 1s infinite linear 0s;
}
.loading--stripe::before {
  content: "";
  background-color: currentcolor;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes draw-stripe {
  0% {
    background-position: left 0 top;
  }
  100% {
    background-position: left 1.2rem top;
  }
}
.loading--vf,
.loading--icon-font {
  width: 1em;
  height: 1em;
  animation: kf__spin 4s infinite linear 0s;
}

.loading--icon-font.icon-font--salt {
  animation: kf__spin 0.7s infinite steps(8) 0s;
}

.loading--wave {
  width: 1.8rem;
  height: 0.9rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.loading--wave > * {
  min-width: 0;
}
.loading--wave > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.loading--wave span {
  width: 0.2rem;
  height: 100%;
  background-color: currentcolor;
  animation: loading--wave 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.loading--wave span:nth-child(1) {
  animation-delay: 0s;
}
.loading--wave span:nth-child(2) {
  animation-delay: 0.1666666667s;
}
.loading--wave span:nth-child(3) {
  animation-delay: 0.3333333333s;
}
.loading--wave span:nth-child(4) {
  animation-delay: 0.5s;
}
.loading--wave span:nth-child(5) {
  animation-delay: 0.6666666667s;
}
@keyframes loading--wave {
  0%, 90%, 100% {
    height: 50%;
  }
  30%, 60% {
    height: 100%;
  }
}

.loading--caterpillar {
  position: absolute;
  margin: auto;
  inset: 0;
}
.loading--caterpillar, .loading--caterpillar::before, .loading--caterpillar::after {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
}
.loading--caterpillar::before, .loading--caterpillar::after {
  border-style: solid;
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  border-color: currentcolor;
  border-width: 0;
  border-top-width: 0.1rem;
  border-bottom-width: 0.1rem;
}

.loading--caterpillar:before {
  border-left-width: 0.1rem;
  border-radius: 999.9rem 0 0 999.9rem;
  top: 0;
  left: 0;
  transform-origin: 100% 50%;
  animation: load2 1.5s infinite ease 0.225s;
}

.loading--caterpillar:after {
  border-right-width: 0.1rem;
  border-radius: 0 999.9rem 999.9rem 0;
  top: 0;
  right: 0;
  transform-origin: 0% 50%;
  animation: load2 1.5s infinite ease;
}

@keyframes load2 {
  0% {
    rotate: 0deg;
  }
  75%, 100% {
    rotate: 360deg;
  }
}
.loading--mask {
  width: 3.3rem;
  height: 3.3rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m23.4375,30.75h-13.875L0,20.39062v-7.78125L9.5625,2.25h13.875l9.5625,10.35938v7.78125l-9.5625,10.35938Zm-13-2h12.125l8.4375-9.14062v-6.21875l-8.4375-9.14062h-12.125L2,13.39062v6.21875l8.4375,9.14062Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: rgba(255, 255, 255, 0.2);
}

.loading--mask, .loading--mask::before, .loading--mask::after {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
}
.loading--mask::before, .loading--mask::after {
  border-style: solid;
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  border-color: currentcolor;
  border-width: 0;
  border-top-width: calc(2.1rem * 0.5);
  border-bottom-width: calc(2.1rem * 0.5);
}

.loading--mask:before {
  border-left-width: calc(2.1rem * 0.5);
  border-radius: 999.9rem 0 0 999.9rem;
  top: 0;
  left: 0;
  transform-origin: 100% 50%;
  animation: load2 1.5s infinite ease 0.225s;
}

.loading--mask:after {
  border-right-width: calc(2.1rem * 0.5);
  border-radius: 0 999.9rem 999.9rem 0;
  top: 0;
  right: 0;
  transform-origin: 0% 50%;
  animation: load2 1.5s infinite ease;
}

@keyframes load2 {
  0% {
    rotate: 0deg;
  }
  75%, 100% {
    rotate: 360deg;
  }
}
.draw-scroll {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1em;
  text-transform: uppercase;
}
.draw-scroll ::selection, .draw-scroll * ::selection {
  background: transparent;
}
.draw-scroll, .draw-scroll > * {
  display: block;
}

.draw-scroll--arc {
  overflow: hidden;
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 6.4em;
  bottom: 1.3rem;
  width: 8.8em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .draw-scroll--arc {
    bottom: 1.8rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .draw-scroll--arc {
    bottom: 2.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-scroll--arc {
    bottom: 2.6rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-scroll--arc {
    bottom: 2.6rem;
  }
}
.draw-scroll--arc::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 8.8em;
  height: 8.8em;
  bottom: -4.4em;
  border: 0.1rem solid currentcolor;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  rotate: -45deg;
  transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-scroll--arc::after {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 2em;
  width: 0.1rem;
  height: 4.4em;
  background-color: currentcolor;
  transition-property: bottom, height;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .draw-scroll--arc:hover::before {
    rotate: 315deg;
  }
  .draw-scroll--arc:hover::after {
    bottom: 1.7em;
    height: 3.52em;
  }
  .draw-scroll--arc:hover .draw-scroll__str::after {
    bottom: 1.7em;
  }
}
.draw-scroll--arc .draw-scroll__str {
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
}
.draw-scroll--arc .draw-scroll__str::after {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 2em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: currentcolor;
  transition-property: bottom, height;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.draw-scroll--arrow {
  height: 3.5em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  text-align: center;
  bottom: var(--margin-section);
}
.draw-scroll--arrow::after {
  content: "";
  width: 2.1em;
  height: 2.1em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  border-left: 0.1rem solid currentcolor;
  border-bottom: 0.1rem solid currentcolor;
  rotate: -45deg;
  animation: draw-scroll--arrow 1.8s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

@keyframes draw-scroll--arrow {
  0% {
    bottom: 1em;
    opacity: 0;
  }
  80% {
    bottom: 0;
    opacity: 1;
  }
  100% {
    bottom: 0;
    opacity: 0;
  }
}
.draw-scroll--arrow-stem {
  height: 3.5em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  text-align: center;
  bottom: var(--margin-section);
}
.draw-scroll--arrow-stem::before, .draw-scroll--arrow-stem::after {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
}
.draw-scroll--arrow-stem::before {
  width: 0.1rem;
  background-color: currentcolor;
  height: 1.5em;
  top: 2em;
  animation: draw-scroll--arrow-bar 1.8s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--arrow-stem::after {
  width: 1em;
  height: 1em;
  bottom: 0;
  border-left: 0.1rem solid currentcolor;
  border-bottom: 0.1rem solid currentcolor;
  rotate: -45deg;
  animation: draw-scroll--arrow-stem 1.8s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

@keyframes draw-scroll--arrow-bar {
  0%, 10%, 100% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}
@keyframes draw-scroll--arrow-stem {
  0% {
    bottom: 0;
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  70% {
    bottom: -0.5em;
    opacity: 1;
  }
  100% {
    bottom: -0.5em;
    opacity: 0;
  }
}
.draw-scroll--bar::before, .draw-scroll--bar::after {
  content: "";
  background-color: currentcolor;
}
.draw-scroll--bar::before {
  opacity: 0.25;
}

.draw-scroll--bar--v-t,
.draw-scroll--bar--v-b {
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 6.4em;
}
.draw-scroll--bar--v-t:empty,
.draw-scroll--bar--v-b:empty {
  height: 4.4em;
}
.draw-scroll--bar--v-t::before, .draw-scroll--bar--v-t::after,
.draw-scroll--bar--v-b::before,
.draw-scroll--bar--v-b::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 0.1rem;
  height: 4.4em;
}
.draw-scroll--bar--v-t::after,
.draw-scroll--bar--v-b::after {
  transform-origin: 0 0;
  animation: draw-scroll-bar-v 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--bar--v-t .draw-scroll__str,
.draw-scroll--bar--v-b .draw-scroll__str {
  width: 100%;
  left: 0;
  position: absolute;
}
@keyframes draw-scroll-bar-v {
  0% {
    translate: 0 100%;
    scale: 1 0;
  }
  75% {
    translate: 0 0;
    scale: 1 1;
  }
  100% {
    translate: 0 0;
    scale: 1 0;
  }
}

.draw-scroll--bar--v-t {
  bottom: 0;
}
.draw-scroll--bar--v-t::before, .draw-scroll--bar--v-t::after {
  bottom: 0;
}
.draw-scroll--bar--v-t .draw-scroll__str {
  top: 0;
}

.draw-scroll--bar--v-b {
  bottom: var(--padding-page--r);
}
.draw-scroll--bar--v-b::before, .draw-scroll--bar--v-b::after {
  top: 0;
}
.draw-scroll--bar--v-b .draw-scroll__str {
  bottom: 0;
}

.draw-scroll--bar--h-t,
.draw-scroll--bar--h-b {
  position: absolute;
  right: 0;
  bottom: var(--margin-section);
  height: calc(0.1rem + 2em);
  min-width: 4.4em;
}
.draw-scroll--bar--h-t:empty,
.draw-scroll--bar--h-b:empty {
  height: 0.1rem;
}
.draw-scroll--bar--h-t::before, .draw-scroll--bar--h-t::after,
.draw-scroll--bar--h-b::before,
.draw-scroll--bar--h-b::after {
  position: absolute;
  right: 0;
  height: 0.1rem;
  width: 100%;
}
.draw-scroll--bar--h-t::after,
.draw-scroll--bar--h-b::after {
  transform-origin: 0 0;
  animation: draw-scroll-bar-h 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--bar--h-t .draw-scroll__str,
.draw-scroll--bar--h-b .draw-scroll__str {
  padding-right: var(--padding-page--r);
}
@keyframes draw-scroll-bar-h {
  0% {
    translate: 100% 0;
    scale: 0 1;
  }
  75% {
    translate: 0 0;
    scale: 1 1;
  }
  100% {
    translate: 0 0;
    scale: 0 1;
  }
}

.draw-scroll--bar--h-t::before, .draw-scroll--bar--h-t::after {
  bottom: 0;
}

.draw-scroll--bar--h-b::before, .draw-scroll--bar--h-b::after {
  top: 0;
}
.draw-scroll--bar--h-b .draw-scroll__str {
  padding-top: calc(0.1rem + 1em);
}

.draw-scroll--bar--r {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 6.4em;
  width: 1em;
}
.draw-scroll--bar--r::before, .draw-scroll--bar--r::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 0.1rem;
  height: 4.4em;
}
.draw-scroll--bar--r::after {
  transform-origin: 0 0;
  animation: draw-scroll-bar-v 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
@keyframes draw-scroll-bar-v {
  0% {
    translate: 0 100%;
    scale: 1 0;
  }
  75% {
    translate: 0 0;
    scale: 1 1;
  }
  100% {
    translate: 0 0;
    scale: 1 0;
  }
}
.draw-scroll--bar--r .draw-scroll__str {
  position: absolute;
  right: 0;
  top: 1em;
  rotate: 90deg;
  transform-origin: right top;
}

.draw-scroll--beam::after {
  content: "";
  background-color: currentcolor;
}

.draw-scroll--beam--v-t,
.draw-scroll--beam--v-b {
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 6.4em;
}
.draw-scroll--beam--v-t:empty,
.draw-scroll--beam--v-b:empty {
  height: 4.4em;
}
.draw-scroll--beam--v-t::after,
.draw-scroll--beam--v-b::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 0.1rem;
  height: 4.4em;
  transform-origin: 100% 0;
  animation: draw-scroll-beam-v 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--beam--v-t .draw-scroll__str,
.draw-scroll--beam--v-b .draw-scroll__str {
  position: absolute;
  width: 100%;
}
@keyframes draw-scroll-beam-v {
  0% {
    scale: 1 0;
  }
  30% {
    scale: 1 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.draw-scroll--beam--v-t {
  bottom: 0;
}
.draw-scroll--beam--v-t::after {
  bottom: 0;
}
.draw-scroll--beam--v-t .draw-scroll__str {
  top: 0;
}

.draw-scroll--beam--v-b {
  bottom: var(--padding-page--r);
}
.draw-scroll--beam--v-b::after {
  top: 0;
}
.draw-scroll--beam--v-b .draw-scroll__str {
  bottom: 0;
}

.draw-scroll--beam--h-t,
.draw-scroll--beam--h-b {
  position: absolute;
  right: 0;
  height: calc(0.1rem + 2em);
  min-width: 4.4em;
  bottom: var(--margin-section);
}
.draw-scroll--beam--h-t:empty,
.draw-scroll--beam--h-b:empty {
  height: 0.1rem;
}
.draw-scroll--beam--h-t::after,
.draw-scroll--beam--h-b::after {
  position: absolute;
  right: 0;
  height: 0.1rem;
  width: 100%;
  transform-origin: 0 100%;
  animation: draw-scroll-beam-h 1s infinite cubic-bezier(0.55, 0, 1, 0.45) 0s;
}
.draw-scroll--beam--h-t .draw-scroll__str,
.draw-scroll--beam--h-b .draw-scroll__str {
  padding-right: var(--padding-page--r);
}
@keyframes draw-scroll-beam-h {
  0% {
    scale: 0 1;
  }
  30% {
    scale: 1 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.draw-scroll--beam--h-t::after {
  bottom: 0;
}

.draw-scroll--beam--h-b::after {
  top: 0;
}
.draw-scroll--beam--h-b .draw-scroll__str {
  padding-top: calc(0.1rem + 1em);
}

.draw-scroll--beam--r {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 6.4em;
  width: 1em;
}
.draw-scroll--beam--r::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 0.1rem;
  height: 4.4em;
}
.draw-scroll--beam--r::after {
  transform-origin: 0 0;
  animation: draw-scroll-beam-r 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
@keyframes draw-scroll-beam-r {
  0% {
    scale: 1 0;
  }
  30% {
    scale: 1 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.draw-scroll--beam--r .draw-scroll__str {
  position: absolute;
  right: 0;
  top: 1em;
  rotate: 90deg;
  transform-origin: right top;
}

.draw-scroll--dot span:nth-child(1) {
  height: 1em;
  margin-bottom: 1em;
}
.draw-scroll--dot span:not(:first-child) {
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background-color: currentcolor;
  animation: draw-scroll--dot 1.6s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
}
.draw-scroll--dot span:nth-child(3) {
  animation-delay: 0.4s;
}
.draw-scroll--dot span:nth-child(4) {
  animation-delay: 0.8s;
}

.draw-scroll--dot--v {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 4.4em;
  text-align: center;
  bottom: var(--margin-section);
}
.draw-scroll--dot--v span:not(:first-child) {
  margin-inline: auto;
}
.draw-scroll--dot--v span:not(:first-child):not(:last-child) {
  margin-bottom: 0.6em;
}

.draw-scroll--dot--h {
  position: absolute;
  width: 2.4em;
  right: var(--margin-section);
  bottom: var(--margin-section);
}
.draw-scroll--dot--h span:not(:first-child) {
  display: inline-block;
}
.draw-scroll--dot--h span:not(:first-child):not(:last-child) {
  margin-right: 0.6em;
}

@keyframes draw-scroll--dot {
  100% {
    background-color: transparent;
  }
}
.draw-scroll--mouse {
  height: 2.0225em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: var(--margin-section);
  text-align: center;
}
.draw-scroll--mouse::before, .draw-scroll--mouse::after {
  content: "";
}
.draw-scroll--mouse::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 1.25em;
  height: 2.0225em;
  border: 0.1rem solid currentcolor;
  border-radius: 999.9rem;
}
.draw-scroll--mouse::after {
  width: 0.3rem;
  height: 0.3rem;
  background-color: currentcolor;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0.625em;
  animation: draw-scroll--mouse 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
  translate: 0 50%;
}
.draw-scroll--mouse > span {
  width: 100%;
  position: absolute;
  height: 1em;
  text-align: center;
  bottom: 3.0225em;
}

@keyframes draw-scroll--mouse {
  0% {
    top: 0.625em;
    background-color: currentcolor;
  }
  70% {
    background-color: transparent;
  }
  100% {
    top: 1.3975em;
    background-color: transparent;
  }
}
.draw-scroll--point {
  height: 4.4em;
  text-align: center;
}
.draw-scroll--point::before, .draw-scroll--point::after {
  content: "";
}
.draw-scroll--point::before {
  background-color: currentcolor;
}
.draw-scroll--point::after {
  background-color: currentcolor;
  border-radius: 50%;
}

.draw-scroll--point--v-t,
.draw-scroll--point--v-b {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
}
.draw-scroll--point--v-t::before,
.draw-scroll--point--v-b::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
  height: 4.4em;
  width: 0.1rem;
}
.draw-scroll--point--v-t::after,
.draw-scroll--point--v-b::after {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
  animation: draw-scroll--point-v 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
}
.draw-scroll--point--v-t .draw-scroll__str,
.draw-scroll--point--v-b .draw-scroll__str {
  width: 100%;
  position: absolute;
  height: 1em;
  text-align: center;
}

.draw-scroll--point--v-t .draw-scroll__str {
  bottom: 5.4em;
}

.draw-scroll--point--v-b {
  bottom: calc(var(--padding-page--r) + 2em);
}
.draw-scroll--point--v-b:empty {
  bottom: var(--padding-page--r);
}
.draw-scroll--point--v-b .draw-scroll__str {
  bottom: -2em;
}

.draw-scroll--point--h-t,
.draw-scroll--point--h-b {
  right: 0;
  height: calc(0.1rem + 2em);
  min-width: 4.4em;
  bottom: var(--padding-page--r);
  position: absolute;
}
.draw-scroll--point--h-t::before,
.draw-scroll--point--h-b::before {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0.1rem;
}
.draw-scroll--point--h-t::after,
.draw-scroll--point--h-b::after {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  right: 0;
  animation: draw-scroll--point-h 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
}
.draw-scroll--point--h-t .draw-scroll__str,
.draw-scroll--point--h-b .draw-scroll__str {
  padding-right: var(--padding-page--r);
}
@keyframes draw-scroll--point-h {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
    background-color: transparent;
  }
}

.draw-scroll--point--h-t::before {
  bottom: 0;
}
.draw-scroll--point--h-t::after {
  bottom: -0.2rem;
}

.draw-scroll--point--h-b::before {
  top: 0;
}
.draw-scroll--point--h-b::after {
  top: -0.2rem;
}
.draw-scroll--point--h-b .draw-scroll__str {
  padding-top: calc(0.1rem + 1em);
}

.draw-scroll--point--r {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 4.4em;
  width: 1em;
}
.draw-scroll--point--r::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
  height: 4.4em;
  width: 0.1rem;
}
.draw-scroll--point--r::after {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
  animation: draw-scroll--point-v 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
}
.draw-scroll--point--r .draw-scroll__str {
  position: absolute;
  right: 1em;
  bottom: 5.4em;
  rotate: 90deg;
  transform-origin: right bottom;
}

@keyframes draw-scroll--point-v {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
    background-color: transparent;
  }
}
.draw-scroll--bullet::before, .draw-scroll--bullet::after {
  content: "";
  background-color: currentcolor;
}

.draw-scroll--bullet--v-t,
.draw-scroll--bullet--v-b {
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 4.4em;
}
.draw-scroll--bullet--v-t::before, .draw-scroll--bullet--v-t::after,
.draw-scroll--bullet--v-b::before,
.draw-scroll--bullet--v-b::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 0.1rem;
  height: 0.9em;
}
.draw-scroll--bullet--v-t::before,
.draw-scroll--bullet--v-b::before {
  animation: draw-scroll-bullet-v 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--bullet--v-t::after,
.draw-scroll--bullet--v-b::after {
  animation: draw-scroll-bullet-v 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0.375s;
}
.draw-scroll--bullet--v-t .draw-scroll__str,
.draw-scroll--bullet--v-b .draw-scroll__str {
  position: absolute;
  width: 100%;
  left: 0;
}

.draw-scroll--bullet--v-t .draw-scroll__str {
  top: -2em;
}

.draw-scroll--bullet--v-b {
  bottom: calc(var(--padding-page--r) + 2em);
}
.draw-scroll--bullet--v-b:empty {
  bottom: var(--padding-page--r);
}
.draw-scroll--bullet--v-b .draw-scroll__str {
  bottom: -2em;
}

.draw-scroll--bullet--h-t,
.draw-scroll--bullet--h-b {
  position: absolute;
  right: 0;
  height: calc(0.1rem + 2em);
  min-width: 4.4em;
  bottom: var(--padding-page--r);
}
.draw-scroll--bullet--h-t::before, .draw-scroll--bullet--h-t::after,
.draw-scroll--bullet--h-b::before,
.draw-scroll--bullet--h-b::after {
  position: absolute;
  right: 0;
  height: 0.1rem;
  width: 0.9em;
}
.draw-scroll--bullet--h-t::before,
.draw-scroll--bullet--h-b::before {
  animation: draw-scroll-bullet-h 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--bullet--h-t::after,
.draw-scroll--bullet--h-b::after {
  animation: draw-scroll-bullet-h 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0.375s;
}
.draw-scroll--bullet--h-t .draw-scroll__str,
.draw-scroll--bullet--h-b .draw-scroll__str {
  padding-right: var(--padding-page--r);
}
@keyframes draw-scroll-bullet-h {
  0% {
    right: calc(100% - 0.9em);
    opacity: 1;
    width: 0.9em;
  }
  50% {
    right: 0;
    opacity: 1;
    width: 0.9em;
  }
  75%, 100% {
    right: 0;
    opacity: 0;
    width: 0;
  }
}

.draw-scroll--bullet--h-t::before, .draw-scroll--bullet--h-t::after {
  bottom: 0;
}

.draw-scroll--bullet--h-b::before, .draw-scroll--bullet--h-b::after {
  top: 0;
}
.draw-scroll--bullet--h-b .draw-scroll__str {
  padding-top: calc(0.1rem + 1em);
}

.draw-scroll--bullet--r {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 4.4em;
  width: 1em;
}
.draw-scroll--bullet--r::before, .draw-scroll--bullet--r::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 0.1rem;
  height: 0.9em;
}
.draw-scroll--bullet--r::before {
  animation: draw-scroll-bullet-v 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-scroll--bullet--r::after {
  animation: draw-scroll-bullet-v 1.5s infinite cubic-bezier(0, 0.55, 0.45, 1) 0.375s;
}
.draw-scroll--bullet--r .draw-scroll__str {
  position: absolute;
  right: 1em;
  bottom: 5.4em;
  rotate: 90deg;
  transform-origin: right bottom;
}

@keyframes draw-scroll-bullet-v {
  0% {
    bottom: calc(100% - 0.9em);
    opacity: 1;
    height: 0.9em;
  }
  50% {
    bottom: 0;
    opacity: 1;
    height: 0.9em;
  }
  75%, 100% {
    bottom: 0;
    opacity: 0;
    height: 0;
  }
}
.draw-scroll--separate {
  overflow: hidden;
}
.draw-scroll--separate::before, .draw-scroll--separate::after {
  content: "";
  background-color: currentcolor;
}

.draw-scroll--separate {
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  line-height: 1em;
  height: 7.1em;
  padding-top: 1.35em;
}
.draw-scroll--separate::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0.1rem;
  opacity: 0.1;
  background-color: currentcolor;
}
.draw-scroll--separate > span {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: 0.1rem;
}
.draw-scroll--separate > span::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  background-color: currentcolor;
}
.draw-scroll--separate span:first-child {
  top: 0;
  height: 1em;
}
.draw-scroll--separate span:first-child::before {
  animation: draw-scroll--separate--top 1.5s linear infinite 0s;
}
.draw-scroll--separate span:last-child {
  bottom: 0;
  height: 4.4em;
}
.draw-scroll--separate span:last-child::before {
  animation: draw-scroll--separate--bottom 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite 0s;
}

@keyframes draw-scroll--separate--top {
  0% {
    height: 0;
  }
  30% {
    height: 100%;
  }
  80% {
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
@keyframes draw-scroll--separate--bottom {
  0%, 31% {
    height: 0;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
.draw-scroll--spot {
  text-align: center;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 2.1rem;
  padding-bottom: 2em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .draw-scroll--spot {
    bottom: 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .draw-scroll--spot {
    bottom: 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-scroll--spot {
    bottom: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-scroll--spot {
    bottom: 11rem;
  }
}
.draw-scroll--spot span {
  width: 1em;
  height: 1em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
}
.draw-scroll--spot span::before, .draw-scroll--spot span::after {
  content: "";
  background-color: currentcolor;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  inset: 0;
  width: 0.4rem;
  height: 0.4rem;
}
.draw-scroll--spot span::after {
  transform-origin: center;
  animation: draw-scroll--spot 1.5s linear infinite 0s;
}

@keyframes draw-scroll--spot {
  0% {
    opacity: 0.5;
    scale: 1;
  }
  100% {
    scale: 10;
    opacity: 0;
  }
}
.draw-scroll--icon {
  width: 4rem;
  height: 4rem;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .draw-scroll--icon {
    bottom: 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .draw-scroll--icon {
    bottom: 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-scroll--icon {
    bottom: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-scroll--icon {
    bottom: 11rem;
  }
}
.draw-scroll--icon::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  background-color: currentcolor;
  width: 0.1rem;
  bottom: -2.1rem;
  height: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .draw-scroll--icon::before {
    bottom: -2.3rem;
    height: 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .draw-scroll--icon::before {
    bottom: -5.5rem;
    height: 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .draw-scroll--icon::before {
    bottom: -5.5rem;
    height: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .draw-scroll--icon::before {
    bottom: -11rem;
    height: 11rem;
  }
}
.draw-scroll--icon .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.draw-totop {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-totop:hover {
    text-decoration-line: none;
  }
}
.draw-totop:focus-visible, .draw-totop.is-hover {
  text-decoration-line: none;
}
.draw-totop {
  position: absolute;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1em;
  text-transform: uppercase;
}
.draw-totop::before {
  content: "";
  position: absolute;
}
.draw-totop, .draw-totop > * {
  display: block;
}
.draw-totop ::selection, .draw-totop * ::selection {
  background: transparent;
}

.draw-totop--v {
  position: absolute;
  right: 0;
  bottom: 0;
  rotate: -90deg;
  transform-origin: left bottom;
  translate: 100% 0;
}
.draw-totop--v::before {
  background-color: currentcolor;
  width: 4.4em;
  height: 0.1rem;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 33.3%, transparent 33.3%, transparent 66.6%, currentcolor 66.6%, currentcolor 100%);
  background-size: 300% 100%;
  background-position: left 0% top;
  transition-property: background-position;
  transition-duration: 0s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-totop--v .draw-scroll__str {
  height: 1em;
  white-space: nowrap;
}
@media (hover: hover) {
  .draw-totop--v:hover::before {
    transition-duration: 1.5s;
    background-position: left -200% top;
  }
}
.draw-totop--v:focus-visible::before {
  animation: key__totop--v 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

.draw-totop--v--t {
  padding-right: 5.4em;
  padding-top: calc(4rem - 1em);
}
.draw-totop--v--t::before {
  bottom: 0;
  right: 0;
}

.draw-totop--v--b {
  padding-left: 5.4em;
  padding-top: calc(4rem - 1em);
}
.draw-totop--v--b::before {
  bottom: 0;
  left: 0;
}

.draw-totop--v--r {
  padding-bottom: calc(4rem - 1em);
}
.draw-totop--v--r::before {
  bottom: 0;
  left: 0;
}

.draw-totop--v--l {
  padding-top: calc(4rem - 1em);
}
.draw-totop--v--l::before {
  top: 0;
  left: 0;
}

.draw-totop--over {
  position: absolute;
  right: 0;
  bottom: 0;
  rotate: -90deg;
  transform-origin: left bottom;
  translate: 100% 0;
}
.draw-totop--over::before {
  background-color: currentcolor;
  height: 2.1rem;
  width: 0.1rem;
}
.draw-totop--over::after {
  content: "→";
  position: absolute;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
  right: 50%;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-totop--over .draw-scroll__str {
  height: 1em;
  white-space: nowrap;
}
@media (hover: hover) {
  .draw-totop--over:hover::after {
    translate: 100% 0;
  }
}
.draw-totop--over:focus-visible::after, .draw-totop--over.is-hover::after {
  translate: 100% 0;
}

.draw-totop--over--l {
  padding-bottom: calc(2.1rem + 1em);
}
.draw-totop--over--l::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
}
.draw-totop--over--l::after {
  bottom: 0;
}

.draw-totop--over--r {
  padding-top: calc(2.1rem + 1em);
}
.draw-totop--over--r::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
}
.draw-totop--over--r::after {
  top: 0;
}

.draw-totop--rag {
  position: absolute;
  top: 0;
  padding-bottom: 4.4em;
}
.draw-totop--rag::before, .draw-totop--rag::after {
  bottom: 0;
}
.draw-totop--rag::before {
  position: absolute;
  top: 0;
  width: 0.1rem;
  height: 100%;
  background: linear-gradient(to top, currentcolor 0%, currentcolor 33.3%, transparent 33.3%, transparent 66.6%, currentcolor 66.6%, currentcolor 100%);
  background-size: 100% 300%;
  background-position: left top 0%;
}
.draw-totop--rag::after {
  content: "↑";
  position: absolute;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
}
.draw-totop--rag .draw-scroll__str {
  line-height: 1.7em;
  margin-top: -0.35em;
}
@media (hover: hover) {
  .draw-totop--rag:hover::before {
    transition-duration: 1.5s;
    background-position: left top 100%;
  }
}
.draw-totop--rag:focus-visible::before {
  animation: key__totop--h 2s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

.draw-totop--rag--l {
  left: 0;
}
.draw-totop--rag--l .draw-scroll__str {
  padding-left: 1rem;
}
.draw-totop--rag--l::before {
  left: 0;
}
.draw-totop--rag--l::after {
  left: 1rem;
}

.draw-totop--rag--r {
  right: 0;
}
.draw-totop--rag--r .draw-scroll__str {
  padding-right: 1rem;
}
.draw-totop--rag--r::before {
  right: 0;
}
.draw-totop--rag--r::after {
  right: 1rem;
}

@keyframes key__totop--v {
  0% {
    background-position: left 100% top;
  }
  100% {
    background-position: left 0% top;
  }
}
@keyframes key__totop--h {
  0% {
    background-position: left top 0%;
  }
  100% {
    background-position: left top 100%;
  }
}
.draw-totop--arrow-dot {
  width: 4rem;
  height: 3.6rem;
}
.draw-totop--arrow-dot::before {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transition-property: width,height,top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  border: 0.1rem solid currentcolor;
}
.draw-totop--arrow-dot::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 0;
  content: "↑";
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
  transition-property: bottom,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  text-align: center;
}
.draw-totop--arrow-dot .draw-scroll__str {
  position: absolute;
  text-align: center;
  position: absolute;
  left: 0;
  top: 70%;
  opacity: 0;
  pointer-events: none;
  transition-property: top,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  line-height: 1.7;
}
@media (hover: hover) {
  .draw-totop--arrow-dot:hover::before {
    top: -1.75rem;
    width: 4rem;
    height: 4rem;
  }
  .draw-totop--arrow-dot:hover::after {
    bottom: 2.3rem;
  }
  .draw-totop--arrow-dot:hover .draw-scroll__str {
    opacity: 1;
    top: 100%;
  }
}
.draw-totop--arrow-dot:focus-visible::before, .draw-totop--arrow-dot.is-hover::before {
  top: -1.75rem;
  width: 4rem;
  height: 4rem;
}
.draw-totop--arrow-dot:focus-visible::after, .draw-totop--arrow-dot.is-hover::after {
  bottom: 2.3rem;
}
.draw-totop--arrow-dot:focus-visible .draw-scroll__str, .draw-totop--arrow-dot.is-hover .draw-scroll__str {
  opacity: 1;
  top: 100%;
}

.draw-totop--button {
  height: 4rem;
  width: 4rem;
  position: relative;
}
.draw-totop--button::before {
  content: "";
  position: absolute;
  background-color: var(--color-body);
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  border-radius: 50%;
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
}
.draw-totop--button .icon {
  position: absolute;
  margin: auto;
  inset: 0;
  color: var(--color-figure);
}
@media (hover: hover) {
  .draw-totop--button:hover::before {
    scale: 1.2;
  }
}
.draw-totop--button:focus-visible::before, .draw-totop--button.is-hover::before {
  scale: 1.2;
}
html.un-touched .draw-totop--button:focus-visible {
  outline: 0 !important;
}
html.un-touched .draw-totop--button:focus-visible::before {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}

.totop-sticky {
  margin-left: auto;
  margin-right: var(--padding-page--r);
  margin-top: -2rem;
  margin-bottom: -2rem;
  width: 4rem;
  height: 4rem;
  position: sticky;
  bottom: var(--padding-page--r);
  left: 0;
  right: 0;
  transition-duration: 0s;
  z-index: 810;
  opacity: 1;
  translate: 0 0;
  transition-property: opacity,translate;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media print, screen and (min-width: 843.02px) {
  .totop-sticky {
    bottom: min(var(--padding-page--r) + 2rem, 5.5rem);
    margin-right: min(var(--padding-page--r) + 2rem, 5.5rem);
  }
}
html:not(.no-js):has(.totop-sticky-trigger.is-activing) .totop-sticky {
  opacity: 0;
  translate: 0 100%;
}

.totop-sticky-trigger {
  height: 120vh;
  width: 20px;
  background-color: red;
}

.draw-totop--wai {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  position: relative;
  position: absolute;
  margin: auto;
  inset: 0;
  transition-property: width,height;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-totop--wai .draw-scroll__str span {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: 50%;
  padding-bottom: 50%;
  transform-origin: bottom center;
  text-align: center;
  width: 1em;
}
.draw-totop--wai .draw-scroll__str span:nth-child(1) {
  rotate: -112.5deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(2) {
  rotate: -90deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(3) {
  rotate: -67.5deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(4) {
  rotate: -45deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(5) {
  rotate: -22.5deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(6) {
  rotate: 0deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(7) {
  rotate: 22.5deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(8) {
  rotate: 45deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(9) {
  rotate: 67.5deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(10) {
  rotate: 90deg;
}
.draw-totop--wai .draw-scroll__str span:nth-child(11) {
  rotate: 112.5deg;
}
.draw-totop--wai .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}
@media (hover: hover) {
  .draw-totop--wai:hover {
    width: 9rem;
    height: 9rem;
  }
}

.draw-search {
  font-size: 2.1rem;
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  position: relative;
}
.draw-search::before, .draw-search::after {
  content: "";
  position: absolute;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-search::before {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.1rem solid var(--color-figure);
  top: 0;
  left: 0;
  border-radius: 50%;
}
.draw-search::after {
  right: 0;
  bottom: -0.05rem;
  background-color: var(--color-figure);
  width: 1.2rem;
  height: 0.1rem;
  rotate: 45deg;
  transform-origin: right bottom;
}
.draw-search[aria-pressed=true]::before {
  border-radius: 0;
  width: 3rem;
  height: 0;
  border: 0;
  border-bottom: 0.1rem solid var(--color-figure);
  rotate: 45deg;
  transform-origin: top left;
}
.draw-search[aria-pressed=true]::after {
  right: 0;
  bottom: 2.1rem;
  background-color: var(--color-figure);
  width: 3rem;
  height: 0.1rem;
  rotate: -45deg;
}

.draw-isosceles {
  position: relative;
  border-radius: 50%;
}
.draw-isosceles::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  display: block;
}
.draw-isosceles.icon--sm::after {
  border: 0.247rem solid transparent;
  border-bottom-width: 0.42781882rem;
  width: 0.494rem;
  height: 0.494rem;
  translate: 0 -16.3455%;
}
.draw-isosceles.icon--md::after {
  border: 0.399rem solid transparent;
  border-bottom-width: 0.69109194rem;
  width: 0.798rem;
  height: 0.798rem;
  translate: 0 -16.3455%;
}
.draw-isosceles.icon--lg::after {
  border: 0.627rem solid transparent;
  border-bottom-width: 1.08600162rem;
  width: 1.254rem;
  height: 1.254rem;
  translate: 0 -16.3455%;
}
.draw-isosceles.icon--xl::after {
  border: 0.855rem solid transparent;
  border-bottom-width: 1.4809113rem;
  width: 1.71rem;
  height: 1.71rem;
  translate: 0 -16.3455%;
}
.draw-isosceles.icon::after {
  color: var(--color-figure);
  border-top-width: 0;
  border-bottom-color: currentcolor;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.draw-isosceles--animate.icon::after {
  translate: 0 -16.3455%;
}
@media (hover: hover) {
  .draw-isosceles--animate:hover.icon::after {
    animation-name: draw-isosceles;
    animation-duration: 1s; /* 全体の尺 */
    animation-iteration-count: infinite;
  }
  @keyframes draw-isosceles {
    0%, 100% {
      scale: 1 1;
    }
    50% {
      scale: 0 1;
    }
  }
}
.draw-isosceles--animate:focus-visible.icon::after, .draw-isosceles--animate.is-hover.icon::after {
  animation-name: draw-isosceles;
  animation-duration: 1s; /* 全体の尺 */
  animation-iteration-count: infinite;
}
@keyframes draw-isosceles {
  0%, 100% {
    scale: 1 1;
  }
  50% {
    scale: 0 1;
  }
}

.draw-sound {
  position: relative;
  display: block;
  width: 1.7rem;
  height: 2.2rem;
  color: var(--color-figure);
}
.draw-sound span {
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.draw-sound__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.draw-sound__inner > * {
  min-width: 0;
}
.draw-sound__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.draw-sound__inner {
  -webkit-align-items: center;
  align-items: center;
  width: 1.7rem;
  height: 2.2rem;
  position: absolute;
  margin: auto;
  inset: 0;
}
.draw-sound__inner span {
  height: 0.7rem;
  width: 0.1rem;
  background-color: currentcolor;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span {
  animation: draw-sound 1s infinite cubic-bezier(0, 0.55, 0.45, 1) 0s;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span:nth-of-type(1) {
  animation-delay: 0s;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span:nth-of-type(2) {
  animation-delay: 0.2s;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span:nth-of-type(3) {
  animation-delay: 0.4s;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span:nth-of-type(4) {
  animation-delay: 0.6s;
}
.draw-sound[aria-pressed=true] .draw-sound__inner span:nth-of-type(5) {
  animation-delay: 0.8s;
}

.draw-sound__state {
  padding-left: 1em;
  position: absolute;
  left: 1.7rem;
  top: 0;
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 2.2rem;
}

.draw-sound__state__on {
  display: none;
}
.draw-sound[aria-pressed=true] .draw-sound__state__on {
  display: block;
}

.draw-sound__state__off {
  display: block;
}
.draw-sound[aria-pressed=true] .draw-sound__state__off {
  display: none;
}

@keyframes draw-sound {
  0%, 70% {
    height: 0.7rem;
  }
  35% {
    height: 1.3rem;
  }
}
.draw-more {
  position: relative;
  display: inline-block;
  width: auto;
}
.draw-more a, .draw-more button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-more a:hover, .draw-more button:hover {
    text-decoration-line: none;
  }
}
.draw-more a:focus-visible, .draw-more a.is-hover, .draw-more button:focus-visible, .draw-more button.is-hover {
  text-decoration-line: none;
}
.draw-more {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.7;
}
.draw-more span {
  display: block;
}

.draw-more--bar {
  position: relative;
  display: inline-flex;
}
.draw-more--bar .draw-more__obj {
  position: relative;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-more--bar .draw-more__obj {
  width: 0.375em;
}
.draw-more--bar .draw-more__obj::before, .draw-more--bar .draw-more__obj::after {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
}
.draw-more--bar .draw-more__obj::before {
  border-style: solid;
  border-color: transparent;
  border-left-color: currentcolor;
}
.draw-more--bar .draw-more__obj::before {
  width: 0.75em;
}
.draw-more--bar .draw-more__obj::before {
  height: 0.75em;
}
.draw-more--bar .draw-more__obj::before {
  right: -0.375em;
}
.draw-more--bar .draw-more__obj::before {
  border-width: 0.375em;
}
.draw-more--bar .draw-more__obj::after {
  height: 0.1rem;
  background-color: currentcolor;
  width: 100%;
}
.draw-more--bar span + span {
  margin-left: 0.75em;
}
@media (hover: hover) {
  .draw-more--bar:hover .draw-more__obj {
    width: 3em;
  }
}
.draw-more--bar:focus-visible .draw-more__obj, .draw-more--bar.is-hover .draw-more__obj {
  width: 3em;
}

.draw-more--arrow {
  padding-right: calc(0.4em + 3.15rem);
  height: 3.15rem;
  line-height: 3.15rem;
  z-index: 100;
}
.draw-more--arrow .draw-more__str {
  position: relative;
}
.draw-more--arrow .draw-more__str--base {
  z-index: 101;
}
.draw-more--arrow .draw-more__str--over {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  z-index: 102;
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 50%;
  background-color: currentcolor;
  right: 0;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width, height, right;
}
.draw-more--arrow .draw-more__str--over span {
  color: #ffffff;
  height: 3.15rem;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  right: calc(0.4em + 3.15rem);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: right;
}
.draw-more--arrow .draw-more__icon {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  z-index: 103;
  width: 3.15rem;
  height: 3.15rem;
  right: 0;
  text-align: center;
}
.draw-more--arrow .draw-more__icon::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  border-radius: 50%;
  background-color: #ffffff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width, height;
  width: 0;
  height: 0;
}
.draw-more--arrow .draw-more__icon::after {
  content: "→";
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  inset: 0;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  font-family: icon-font-21;
  font-variation-settings: "wght" 300;
  font-size: 2.1rem;
  line-height: 3.15rem;
  color: #ffffff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: transform, opacity;
}
@media (hover: hover) {
  .draw-more--arrow:hover .draw-more__str--over {
    width: 10rem;
    height: 10rem;
    right: -3.425rem;
  }
  .draw-more--arrow:hover .draw-more__str--over span {
    right: calc(0.4em + 6.575rem);
  }
  .draw-more--arrow:hover .draw-more__icon::before {
    width: 0.6rem;
    height: 0.6rem;
  }
  .draw-more--arrow:hover .draw-more__icon::after {
    scale: 0;
    opacity: 0;
  }
}
.draw-more--arrow:focus-visible .draw-more__str--over, .draw-more--arrow.is-hover .draw-more__str--over {
  width: 10rem;
  height: 10rem;
  right: -3.425rem;
}
.draw-more--arrow:focus-visible .draw-more__str--over span, .draw-more--arrow.is-hover .draw-more__str--over span {
  right: calc(0.4em + 6.575rem);
}
.draw-more--arrow:focus-visible .draw-more__icon::before, .draw-more--arrow.is-hover .draw-more__icon::before {
  width: 0.6rem;
  height: 0.6rem;
}
.draw-more--arrow:focus-visible .draw-more__icon::after, .draw-more--arrow.is-hover .draw-more__icon::after {
  scale: 0;
  opacity: 0;
}

.draw-more--blink {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.draw-more--blink > * {
  min-width: 0;
}
.draw-more--blink > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.draw-more--blink > *:not(.flex__item) {
  flex-grow: 1;
}
.draw-more--blink {
  width: 100%;
  line-height: 1;
}
.draw-more--blink span {
  position: relative;
}
.draw-more--blink span:nth-child(1) {
  color: var(--color-figure);
}
.draw-more--blink span:nth-child(1)::before, .draw-more--blink span:nth-child(1)::after {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  right: 0;
  height: 0.1rem;
  background-color: currentcolor;
}
.draw-more--blink span:nth-child(1)::before {
  width: 100%;
}
.draw-more--blink span:nth-child(1)::after {
  width: 50%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background: linear-gradient(to right, rgba(0, 51.2, 121.6, 0), rgb(0, 51.2, 121.6));
}
.draw-more--blink span:nth-child(2) {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
  white-space: nowrap;
  padding-left: 1em;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-more--blink span:nth-child(2)::before, .draw-more--blink span:nth-child(2)::after {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  background-color: currentcolor;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  translate: -50% 0;
}
.draw-more--blink span:nth-child(2)::before {
  background-color: #004098;
}
.draw-more--blink span:nth-child(2)::after {
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-more--blink--bottom {
  line-height: 1;
  display: block;
  height: 4rem;
  width: 100%;
}
.draw-more--blink--bottom span:not(.icon) {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.draw-more--blink--bottom span:not(.icon):nth-child(1)::before, .draw-more--blink--bottom span:not(.icon):nth-child(1)::after {
  top: auto;
  margin-bottom: 0;
}
.draw-more--blink--bottom span:not(.icon):nth-child(2) {
  white-space: nowrap;
  padding-left: 0;
  color: var(--color-figure);
}
.draw-more--blink--bottom span:not(.icon):nth-child(2)::before, .draw-more--blink--bottom span:not(.icon):nth-child(2)::after {
  margin: 0;
  top: auto;
  right: -0.5rem;
  left: auto;
  bottom: -0.2rem;
  translate: -50% 0;
}
.draw-more__wrap--ngtv .draw-more--blink--bottom span:not(.icon):nth-child(2) {
  color: #ffffff;
}

a.draw-more__wrap {
  text-decoration-line: none;
}
@media (hover: hover) {
  a.draw-more__wrap:hover {
    text-decoration-line: none;
  }
}
a.draw-more__wrap:focus-visible, a.draw-more__wrap.is-hover {
  text-decoration-line: none;
}
a.draw-more__wrap {
  color: var(--color-figure);
}
a.draw-more__wrap.draw-more__wrap--ngtv span {
  color: #ffffff;
}
@media (hover: hover) {
  a.draw-more__wrap:hover {
    color: var(--color-figure);
  }
  a.draw-more__wrap:hover.draw-more__wrap--ngtv {
    color: #ffffff;
  }
  a.draw-more__wrap:hover .draw-more--blink span:nth-child(1)::after {
    opacity: 1;
  }
  a.draw-more__wrap:hover .draw-more--blink span:nth-child(2) {
    color: rgb(0, 51.2, 121.6);
  }
  a.draw-more__wrap:hover .draw-more--blink span:nth-child(2)::before {
    transition-property: opacity,scale,translate;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
    transition-delay: 0s;
    translate: -50% 0;
    scale: 20;
    opacity: 0;
  }
  a.draw-more__wrap:hover .draw-more--blink span:nth-child(2)::after {
    color: rgb(0, 51.2, 121.6);
  }
  a.draw-more__wrap:hover .draw-more--blink--bottom span:nth-child(2) {
    color: currentcolor;
  }
}
a.draw-more__wrap:focus-visible, a.draw-more__wrap.is-hover {
  color: var(--color-figure);
}
a.draw-more__wrap:focus-visible.draw-more__wrap--ngtv, a.draw-more__wrap.is-hover.draw-more__wrap--ngtv {
  color: #ffffff;
}
a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(1)::after, a.draw-more__wrap.is-hover .draw-more--blink span:nth-child(1)::after {
  opacity: 1;
}
a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(2), a.draw-more__wrap.is-hover .draw-more--blink span:nth-child(2) {
  color: rgb(0, 51.2, 121.6);
}
a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(2)::before, a.draw-more__wrap.is-hover .draw-more--blink span:nth-child(2)::before {
  transition-property: opacity,scale,translate;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  translate: -50% 0;
  scale: 20;
  opacity: 0;
}
a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(2)::after, a.draw-more__wrap.is-hover .draw-more--blink span:nth-child(2)::after {
  color: rgb(0, 51.2, 121.6);
}
a.draw-more__wrap:focus-visible .draw-more--blink--bottom span:nth-child(2), a.draw-more__wrap.is-hover .draw-more--blink--bottom span:nth-child(2) {
  color: currentcolor;
}
a.draw-more__wrap[target=_blank] .icon {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--color-figure);
}
@media (hover: hover) {
  a.draw-more__wrap[target=_blank]:hover .icon-font {
    -moz-font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    font-feature-settings: "salt";
  }
}
a.draw-more__wrap[target=_blank]:focus-visible .icon-font, a.draw-more__wrap[target=_blank].is-hover .icon-font {
  -moz-font-feature-settings: "salt";
  -webkit-font-feature-settings: "salt";
  font-feature-settings: "salt";
}
a.draw-more__wrap.draw-more__wrap--ngtv[target=_blank] .icon {
  color: #ffffff;
}
html.un-touched a.draw-more__wrap:focus-visible {
  outline: 0 !important;
}
html.un-touched a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(2) {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: var(--radius--sm);
}
html.un-touched a.draw-more__wrap:focus-visible .draw-more--blink span:nth-child(2) {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}

.draw-more--line {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-more--line:hover {
    text-decoration-line: none;
  }
}
.draw-more--line:focus-visible, .draw-more--line.is-hover {
  text-decoration-line: none;
}
.draw-more--line {
  position: relative;
  width: fit-content;
}
.draw-more--line:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.draw-more--line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background: linear-gradient(to right, currentcolor 33.3333333333%, transparent 33.3333333333%, transparent 66.6666666667%, currentcolor 66.6666666667%);
  background-size: 300% auto;
  background-position: left center;
  transition-property: background-position;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .draw-more--line:hover::before {
    background-position: left -200% center;
  }
}
.draw-more--line:focus-visible::before, .draw-more--line.is-hover::before {
  background-position: left -200% center;
}

.draw-more--shift a, .draw-more--shift button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-more--shift a:hover, .draw-more--shift button:hover {
    text-decoration-line: none;
  }
}
.draw-more--shift a:focus-visible, .draw-more--shift a.is-hover, .draw-more--shift button:focus-visible, .draw-more--shift button.is-hover {
  text-decoration-line: none;
}
.draw-more--shift {
  display: inline-block;
}
.draw-more--shift span {
  display: block;
  color: transparent;
  line-height: 1.7;
  text-shadow: 0 0 #004098, 0 1.7em #004098;
  overflow: hidden;
  transition-property: text-shadow;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .draw-more--shift:hover span {
    text-shadow: 0 -1.7em #004098, 0 0 #004098;
  }
}
.draw-more--shift:focus-visible span, .draw-more--shift.is-hover span {
  text-shadow: 0 -1.7em #004098, 0 0 #004098;
}

.draw-more--filled {
  overflow: hidden;
  text-decoration: none;
}
.draw-more--filled span:nth-child(2) {
  position: absolute;
  left: 0;
  top: calc(100% - 0.1rem);
  height: 100%;
  width: 100%;
  color: #ffffff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  overflow: hidden;
  background-color: #004098;
}
.draw-more--filled span:nth-child(2) span {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: calc((100% - 0.1rem) * -1);
  color: #fff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .draw-more--filled:hover span:nth-child(2) {
    top: 0;
  }
  .draw-more--filled:hover span:nth-child(2) span {
    top: 0;
  }
}
.draw-more--filled:focus-visible span:nth-child(2), .draw-more--filled.is-hover span:nth-child(2) {
  top: 0;
}
.draw-more--filled:focus-visible span:nth-child(2) span, .draw-more--filled.is-hover span:nth-child(2) span {
  top: 0;
}

.draw-more--lengthen {
  height: 4rem;
  line-height: 4rem;
  position: relative;
  padding-left: 5.3rem;
  padding-right: 1.95rem;
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-more--lengthen:hover {
    text-decoration-line: none;
  }
}
.draw-more--lengthen:focus-visible, .draw-more--lengthen.is-hover {
  text-decoration-line: none;
}
.draw-more--lengthen {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
}
.draw-more--lengthen::before {
  content: "";
  height: 4rem;
  width: 4rem;
  border-radius: 999.9rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #004098;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-more--lengthen i {
  position: absolute;
  height: 4rem;
  width: 4rem;
  left: 0;
  top: 0;
  color: #ffffff;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.draw-more--lengthen i .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}
.draw-more--lengthen span {
  position: relative;
}
@media (hover: hover) {
  .draw-more--lengthen:hover {
    color: #ffffff;
  }
  .draw-more--lengthen:hover i {
    left: 0.65rem;
  }
  .draw-more--lengthen:hover::before {
    width: 100%;
  }
}
.draw-more--lengthen:focus-visible, .draw-more--lengthen.is-hover {
  color: #ffffff;
}
.draw-more--lengthen:focus-visible i, .draw-more--lengthen.is-hover i {
  left: 0.65rem;
}
.draw-more--lengthen:focus-visible::before, .draw-more--lengthen.is-hover::before {
  width: 100%;
}
.draw-more--lengthen.draw-more--ngtv::before {
  background-color: #ffffff;
}
.draw-more--lengthen.draw-more--ngtv i {
  color: #004098;
}
@media (hover: hover) {
  .draw-more--lengthen.draw-more--ngtv:hover {
    color: #004098;
  }
}
.draw-more--lengthen.draw-more--ngtv:focus-visible, .draw-more--lengthen.draw-more--ngtv.is-hover {
  color: #004098;
}

.draw-more--fusion {
  height: 4rem;
  line-height: 4rem;
  position: relative;
  z-index: 0;
  text-decoration-line: none;
}
@media (hover: hover) {
  .draw-more--fusion:hover {
    text-decoration-line: none;
  }
}
.draw-more--fusion:focus-visible, .draw-more--fusion.is-hover {
  text-decoration-line: none;
}
.draw-more--fusion {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  width: fit-content;
  color: #ffffff;
}
.draw-more--fusion::before, .draw-more--fusion i {
  transition-property: background-color,width,padding;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background-color: #004098;
  border-radius: 999.9rem;
}
.draw-more--fusion::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 4rem);
}
.draw-more--fusion span {
  padding-inline-start: 1.3rem;
  padding-inline-end: 8rem;
  position: relative;
  z-index: 2;
}
.draw-more--fusion i {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
@media (hover: hover) {
  .draw-more--fusion:hover {
    color: #ffffff;
  }
  .draw-more--fusion:hover::before, .draw-more--fusion:hover i {
    background-color: rgb(0, 51.2, 121.6);
  }
  .draw-more--fusion:hover::before {
    width: calc(100% - 2rem);
  }
  .draw-more--fusion:hover i {
    width: 6rem;
  }
}
.draw-more--fusion:focus-visible, .draw-more--fusion.is-hover {
  color: #ffffff;
}
.draw-more--fusion:focus-visible::before, .draw-more--fusion:focus-visible i, .draw-more--fusion.is-hover::before, .draw-more--fusion.is-hover i {
  background-color: rgb(0, 51.2, 121.6);
}
.draw-more--fusion:focus-visible::before, .draw-more--fusion.is-hover::before {
  width: calc(100% - 2rem);
}
.draw-more--fusion:focus-visible i, .draw-more--fusion.is-hover i {
  width: 6rem;
}

.icon--site--circle::before {
  color: var(--color-white);
}
.icon--site--circle::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: currentcolor;
  border-radius: 999.9rem;
}

.anchor--mail .icon--site--mail {
  margin-right: 0.2em;
}

.blog-author {
  color: var(--color-main);
}
.blog-author:has(.blog-author__item:nth-child(2)) {
  display: flex;
  flex-wrap: wrap;
}
.blog-author:has(.blog-author__item:nth-child(2)) {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.blog-author:has(.blog-author__item:nth-child(2)) > * {
  flex: 1 1 0;
  min-width: 15em;
}
.card .blog-author:has(.blog-author__item:nth-child(2)) {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.card .blog-author:has(.blog-author__item:nth-child(2)) > * {
  min-width: 10em;
}
.card--card:has(.card__list__item__more) .blog-author {
  padding-right: calc(3.1rem + 1em);
}

.blog-author__item {
  line-height: var(--line-height-scale--heading);
}
.blog-author__item:has(.blog-author__item__fig) {
  display: grid;
}
.blog-author__item:has(.blog-author__item__fig) {
  column-gap: calc(var(--margin-width) * 1);
}
.blog-author__item:has(.blog-author__item__fig) {
  grid-template-columns: calc(3lh + 1em) auto;
}
.blog-author__item:has(.blog-author__item__fig) {
  grid-template-rows: 1fr 1fr;
}
.card .blog-author__item:has(.blog-author__item__fig) {
  display: grid;
}
.card .blog-author__item:has(.blog-author__item__fig) {
  column-gap: calc(var(--margin-width) * 0.3333333333);
}
.card .blog-author__item:has(.blog-author__item__fig) {
  grid-template-columns: 2lh auto;
}
.card .blog-author__item:has(.blog-author__item__fig) {
  grid-template-rows: auto 1fr;
}
@media print, screen and (min-width: 843.02px) {
  .card .blog-author__item:has(.blog-author__item__fig) {
    grid-template-columns: 3lh auto;
  }
}
.card .blog-author:has(.blog-author__item:nth-child(2)) .blog-author__item {
  grid-template-columns: 2em auto;
}
@media print, screen and (min-width: 843.02px) {
  .card .blog-author:has(.blog-author__item:nth-child(2)) .blog-author__item {
    grid-template-columns: 2lh auto;
  }
}
.blog-author__item__name {
  grid-column: 2/-1;
  grid-row: 1/2;
  font-weight: bold;
  align-self: end;
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
}
.card .blog-author__item__name {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
}
.card .blog-author:has(.blog-author__item:nth-child(2)) .blog-author__item__name {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
}

.blog-author__item__position {
  grid-column: 2/-1;
  grid-row: 2/3;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
}
.card .blog-author__item__position {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
}
.card .blog-author:has(.blog-author__item:nth-child(2)) .blog-author__item__position {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.blog-author__item__fig {
  grid-column: 1/2;
  grid-row: 1/-1;
  border-radius: 50%;
  overflow: hidden;
  padding: 10%;
  background-color: var(--color-main);
  aspect-ratio: 1/1;
}
.blog-author__item__fig figure {
  position: relative;
}
.blog-author__item__fig figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

.card a, .card button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .card a:hover, .card button:hover {
    text-decoration-line: none;
  }
}
.card a:focus-visible, .card a.is-hover, .card button:focus-visible, .card button.is-hover {
  text-decoration-line: none;
}
.card a, .card button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .card a:hover, .card button:hover {
    color: var(--color-font-link-hover);
  }
}
.card a:focus-visible, .card a.is-hover, .card button:focus-visible, .card button.is-hover {
  color: var(--color-font-link-hover);
}
.card a, .card button {
  color: inherit;
}
@media (hover: hover) {
  .card a:hover, .card button:hover {
    color: inherit;
  }
}
.card a:focus-visible, .card a.is-hover, .card button:focus-visible, .card button.is-hover {
  color: inherit;
}
.card figure {
  margin-block: 0 !important;
}

.card--card .card__list {
  display: grid;
}
.card--card .card__list {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 1);
}
.card--card.card--1-1-1-1-1 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
.card--card.card--1-1-1-1-2 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-1-2 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card--card.card--1-1-1-1-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-1-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-1-1-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-1-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-1-2-2 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-2-2 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card--card.card--1-1-1-2-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-1-1-2-3 .card__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-2-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-2-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-1-2-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-1-1-2-4 .card__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-2-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-2-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-1-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-1-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-1-1-3-4 .card__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-1-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-1-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-1-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-2-2-2 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--1-1-2-2-2 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card--card.card--1-1-2-2-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-2-2-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-2-2-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-2-2-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-2-2-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-2-2-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-2-2-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-2-2-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-2-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-2-3-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-2-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-2-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-2-3-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-2-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-2-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-2-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-2-4-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-2-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-3-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--1-1-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-1-3-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-1-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-3-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-1-3-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-1-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-1-4-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--1-1-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-2-2-2 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--1-2-2-2-2 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card--card.card--1-2-2-2-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-2-2-2-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-2-2-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-2-2-2-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-2-2-2-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-2-2-2-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-2-2-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-2-2-2-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-2-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-2-2-3-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-2-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-2-2-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-2-2-3-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-2-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-2-2-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-2-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-2-2-4-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-2-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-3-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--1-2-3-3-3 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-2-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-2-3-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--1-2-3-3-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-2-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-2-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-3-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--1-2-3-4-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-2-3-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-2-4-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--1-2-4-4-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-2-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-2-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-3-3-3-3 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--1-3-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--1-3-3-3-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-3-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-3-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--1-3-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-3-3-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--1-3-3-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-3-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-3-4-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--1-3-4-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--1-3-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--1-3-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--1-4-4-4-4 .card__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--1-4-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-2-2-2 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
.card--card.card--2-2-2-2-3 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--2-2-2-2-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--2-2-2-2-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--2-2-2-2-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-2-3-3 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-2-2-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--2-2-2-3-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--2-2-2-3-4 .card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-2-2-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--2-2-2-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-2-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-2-2-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-3-3-3 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--2-2-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--2-2-3-3-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--2-2-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-2-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--2-2-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-3-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--2-2-3-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-2-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-2-4-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--2-2-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-3-3-3-3 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--2-3-3-3-3 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.card--card.card--2-3-3-3-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--2-3-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-3-3-3-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--2-3-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-3-3-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .card--card.card--2-3-3-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-3-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-3-4-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--card.card--2-3-4-4-4 .card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--card.card--2-3-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--2-3-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--2-4-4-4-4 .card__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--2-4-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--3-3-3-3-3 .card__list {
  grid-template-columns: repeat(3, 1fr);
}
.card--card.card--3-3-3-3-4 .card__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 1260.02px) {
  .card--card.card--3-3-3-3-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--3-3-3-4-4 .card__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 1018.02px) {
  .card--card.card--3-3-3-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--3-3-4-4-4 .card__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 843.02px) {
  .card--card.card--3-3-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--3-4-4-4-4 .card__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) {
  .card--card.card--3-4-4-4-4 .card__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card--card.card--4-4-4-4-4 .card__list {
  grid-template-columns: repeat(4, 1fr);
}

.card__list__item {
  transition-property: none !important;
  display: block;
  position: relative;
  z-index: 100;
}
html.un-touched .card__list__item:focus-visible {
  outline: 0 !important;
}
.card--list .card__list__item:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.card__list__item.is-current {
  opacity: 0.6;
  pointer-events: none;
}

.card__list__item__inner {
  width: 100%;
  position: relative;
  z-index: 102;
}
.card--list .card__list__item__inner {
  display: grid;
}
.card--list .card__list__item__inner {
  column-gap: calc(var(--margin-width) * 1);
}
.card--list .card__list__item__inner {
  grid-template-columns: 2fr 3fr;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--list .card__list__item__inner {
    grid-template-columns: 1fr 1fr 3fr;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .card--list .card__list__item__inner {
    grid-template-columns: 1fr 5fr;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .card--list .card__list__item__inner {
    grid-template-columns: 1fr 5fr;
  }
}
.card--list .card__list__item__inner {
  grid-template-rows: auto auto auto 1fr;
}
@media print, screen and (min-width: 667.02px) {
  .card--list .card__list__item__inner {
    grid-template-rows: auto auto 1fr;
  }
}
.card--list .card__list__item__inner .card__list__item__image {
  grid-column: 1/2;
  grid-row: 1/-1;
  align-self: start;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--list .card__list__item__inner .card__list__item__image {
    grid-column: 1/2;
    grid-row: 1/-1;
  }
}
@media print, screen and (min-width: 843.02px) {
  .card--list .card__list__item__inner .card__list__item__image {
    grid-column: 1/2;
    grid-row: 1/-1;
  }
}
.card--list .card__list__item__inner .card__list__item__info {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--list .card__list__item__inner .card__list__item__info {
    grid-column: 2/3;
    grid-row: 1/-1;
  }
}
@media print, screen and (min-width: 843.02px) {
  .card--list .card__list__item__inner .card__list__item__info {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.card--list .card__list__item__inner .card__list__item__title {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--list .card__list__item__inner .card__list__item__title {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media print, screen and (min-width: 843.02px) {
  .card--list .card__list__item__inner .card__list__item__title {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.card--list .card__list__item__inner .card__list__item__description {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .card--list .card__list__item__inner .card__list__item__description {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 843.02px) {
  .card--list .card__list__item__inner .card__list__item__description {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}

.card__list__item__image {
  position: relative;
  z-index: 102;
  overflow: hidden;
}
.card--card .card__list__item__image:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.card--card .card__list__item__image {
  border-radius: var(--radius);
  width: calc(100% + var(--margin-width) - 0.2rem);
  margin-inline: calc(var(--margin-width) * -1 / 2 + 0.1rem);
}
.card--hero .card__list__item__image {
  border-radius: var(--radius--hero);
}
.card--list .card__list__item__image {
  border-radius: var(--radius--sm);
}

.card__list__item__image__area {
  position: relative;
  z-index: 103;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  aspect-ratio: 16/9;
  container-type: size;
  transition-property: scale,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.card__list__item__image__area figure {
  width: 100%;
  height: 100%;
  z-index: 104;
}
.card__list__item__image__area img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-property: scale,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.card__list__item__image__area:has(.is-portrait), .card__list__item__image__area:has(.is-square) {
  background-color: transparent !important;
}
.card:not(.card--hero) .card__list__item__image__area:has(.is-portrait)::before, .card:not(.card--hero) .card__list__item__image__area:has(.is-square)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-card-for-portrait);
  box-shadow: inset 0 0 2em var(--color-bg-card-for-portrait-inset);
}
.card--h .card__list__item__image__area:has(.is-portrait)::before, .card--h .card__list__item__image__area:has(.is-square)::before {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px); /* Safari 対応 */
}
.card--hero .card__list__item__image__area::before, .card--hero .card__list__item__image__area::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 105;
  pointer-events: none;
  background-color: transparent;
  box-shadow: none;
}
.card--hero .card__list__item__image__area::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 30%);
}
.card--hero .card__list__item__image__area::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.35));
}

.card__list__item .card__list__item__image {
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .card--card .card__list__item:hover .card__list__item__image__area, .card--list .card__list__item:hover .card__list__item__image__area {
    scale: 1.06;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .card--card .card__list__item:focus-visible .card__list__item__image__area, .card--card .card__list__item.is-hover .card__list__item__image__area, .card--list .card__list__item:focus-visible .card__list__item__image__area, .card--list .card__list__item.is-hover .card__list__item__image__area {
    scale: 1.06;
  }
}

@media (hover: hover) {
  .card__list__item--no-image:hover .card__list__item__image__area {
    background-color: var(--color-bg-image-hover);
  }
}
.card__list__item--no-image:focus-visible .card__list__item__image__area, .card__list__item--no-image.is-hover .card__list__item__image__area {
  background-color: var(--color-bg-image-hover);
}

.card__list__item__image__area__no-image {
  position: absolute;
  margin: auto;
  inset: 0;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  height: 1em;
  text-align: center;
}

.card__list__item__note {
  z-index: 112;
  position: relative;
}

.card__list__item__note__inner {
  position: relative;
  z-index: 114;
}

.card__list__item__title {
  margin-block: -0.35em;
}
.card--card .card__list__item__title:not(:last-child) {
  margin-bottom: calc(var(--margin) * 0.5 * 1);
}
.card--list a.card__list__item .card__list__item__title {
  padding-right: calc(1em + 2.1rem + 1rem);
}
.card__list__item.is-private .card__list__item__title::before {
  font-weight: normal;
  content: "非公開";
  font-size: 10px;
  line-height: 1;
  padding: 0.25em 0.4em;
  background-color: #a61955;
  color: var(--color-white);
  vertical-align: middle;
  margin-right: 0.75em;
  border-radius: 3px;
}

.card__list__item__titlesub p {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: var(--line-height-scale--heading);
}
.card--card .card__list__item__titlesub:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * -1);
}

.card__list__item__description {
  padding-top: calc(var(--margin) * 0.5);
}
.card__list__item__description p {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}
.card--list a.card__list__item .card__list__item__description {
  padding-right: calc(1em + 2.1rem + 1rem);
}

.card__list__item__info:not(:last-child) {
  margin-bottom: calc(var(--margin) * 0.5 * 1);
}
.card--list .card__list__item__info {
  padding-top: 0.35em;
  border-top: 0.1rem solid var(--color-main);
}

.card__list__item__more {
  width: 3.1rem;
  height: 1.7rem;
  border-radius: 999.9rem;
  background-color: #004098;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  position: relative;
  margin-top: var(--margin);
}
@media print, screen and (min-width: 843.02px) {
  .card__list__item__more {
    position: absolute;
    margin-top: unset;
    right: 0;
  }
  .card__list__item__more .card--card {
    bottom: 0;
  }
  .card--list .card__list__item__more {
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
}

.card__list__item__more__icon {
  width: 2.1rem;
  height: 2.1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M17.14648,9.43945l-3.79297-3.79297c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l3.64648,3.64648H3.5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h12.79297l-3.64648,3.64648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l3.79297-3.79297c.58496-.58496.58496-1.53613,0-2.12109Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: #ffffff;
  position: absolute;
  margin: auto;
  inset: 0;
}

@media (hover: hover) {
  .card__list__item:hover .card__list__item__more {
    background-color: var(--color-sub);
  }
}
.card__list__item:focus-visible .card__list__item__more, .card__list__item.is-hover .card__list__item__more {
  background-color: var(--color-sub);
}

.post-info {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.post-info > * {
  min-width: 0;
}
.post-info > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.post-info {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: var(--color-main);
}

.post-info__el:not(:first-child) {
  padding-left: calc(2em + 0.1rem);
  position: relative;
}
.post-info__el:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: currentcolor;
}

.post-info__el--cat {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.post-info__el--cat > * {
  min-width: 0;
}
.post-info__el--cat > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.post-info__el--cat {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 1em;
}

.with-icon-cat {
  padding-left: 2em;
  position: relative;
  padding-left: 1.25em;
}
.with-icon-cat::before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><path d="M2,2.5c-.275,0-.5.225-.5.5v7c0,.275.225.5.5.5h9c.275,0,.5-.225.5-.5v-5c0-.275-.225-.5-.5-.5h-5c-.275,0-.5-.225-.5-.5v-1c0-.275-.225-.5-.5-.5h-3Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio),
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio),
p:has(img[data-ratio]) {
  position: relative;
}
.a-hero__inner:has(img.a-hero__inner__fig--ratio)::before, .a-hero__inner:has(img.a-hero__inner__fig--ratio)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::after,
p:has(img[data-ratio])::before,
p:has(img[data-ratio])::after {
  content: "";
  position: absolute;
  z-index: 111;
  height: 100%;
  top: 0;
  translate: -50% 0;
  width: 0.1rem;
  background-color: var(--color-body);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .a-hero__inner:has(img.a-hero__inner__fig--ratio)::before, .a-hero__inner:has(img.a-hero__inner__fig--ratio)::after,
  .card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::before,
  .card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::after,
  p:has(img[data-ratio])::before,
  p:has(img[data-ratio])::after {
    width: 0.2rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .a-hero__inner:has(img.a-hero__inner__fig--ratio)::before, .a-hero__inner:has(img.a-hero__inner__fig--ratio)::after,
  .card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::before,
  .card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::after,
  p:has(img[data-ratio])::before,
  p:has(img[data-ratio])::after {
    width: 0.4rem;
  }
}

.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::before, .card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio)::after {
  width: 0.1rem;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x2)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x2)::before,
p:has(img[data-ratio="1x2"])::before {
  left: 33.3333333333%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x2)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x2)::after,
p:has(img[data-ratio="1x2"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x3)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x3)::before,
p:has(img[data-ratio="1x3"])::before {
  left: 25%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x3)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x3)::after,
p:has(img[data-ratio="1x3"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x4)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x4)::before,
p:has(img[data-ratio="1x4"])::before {
  left: 20%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x4)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x4)::after,
p:has(img[data-ratio="1x4"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x1)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x1)::before,
p:has(img[data-ratio="2x1"])::before {
  left: 66.6666666667%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x1)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x1)::after,
p:has(img[data-ratio="2x1"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x3)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x3)::before,
p:has(img[data-ratio="2x3"])::before {
  left: 40%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x3)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x3)::after,
p:has(img[data-ratio="2x3"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x4)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x4)::before,
p:has(img[data-ratio="2x4"])::before {
  left: 33.3333333333%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--2x4)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--2x4)::after,
p:has(img[data-ratio="2x4"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x1)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x1)::before,
p:has(img[data-ratio="3x1"])::before {
  left: 75%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x1)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x1)::after,
p:has(img[data-ratio="3x1"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x2)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x2)::before,
p:has(img[data-ratio="3x2"])::before {
  left: 60%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x2)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x2)::after,
p:has(img[data-ratio="3x2"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x4)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x4)::before,
p:has(img[data-ratio="3x4"])::before {
  left: 42.8571428571%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--3x4)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--3x4)::after,
p:has(img[data-ratio="3x4"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x1)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x1)::before,
p:has(img[data-ratio="4x1"])::before {
  left: 80%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x1)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x1)::after,
p:has(img[data-ratio="4x1"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x2)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x2)::before,
p:has(img[data-ratio="4x2"])::before {
  left: 66.6666666667%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x2)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x2)::after,
p:has(img[data-ratio="4x2"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x3)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x3)::before,
p:has(img[data-ratio="4x3"])::before {
  left: 57.1428571429%;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--4x3)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--4x3)::after,
p:has(img[data-ratio="4x3"])::after {
  display: none;
}

.a-hero__inner:has(img.a-hero__inner__fig--ratio--1x1)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x1)::before,
p:has(img[data-ratio="1x1"])::before {
  left: 50%;
}

.a-hero__inner:has(.a-hero__inner__fig--ratio--1x1x1)::before,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x1x1)::before,
p:has(img[data-ratio="1x1x1"])::before {
  left: 33.3333333333%;
}
.a-hero__inner:has(.a-hero__inner__fig--ratio--1x1x1)::after,
.card__list__item__image__area:has(img.card__list__item__image__area__fig--ratio--1x1x1)::after,
p:has(img[data-ratio="1x1x1"])::after {
  left: 66.6666666667%;
}

#cookie-notice {
  background-color: rgba(0, 64, 152, 0.9) !important;
  backdrop-filter: blur(0.5em) !important;
  z-index: 900;
  border-top-left-radius: 1lh;
  border-top-right-radius: 1lh;
}
#cookie-notice > * {
  z-index: 910;
  position: relative;
}
#cookie-notice::before {
  content: "";
  position: absolute;
  z-index: 901;
  left: 0;
  top: 0;
  width: 100%;
  height: 1lh;
  background: linear-gradient(to bottom, #004098, rgba(0, 64, 152, 0));
  border-top-left-radius: 1lh;
  border-top-right-radius: 1lh;
}
#cookie-notice .cookie-notice-container {
  color: var(--color-white) !important;
  padding-inline: var(--padding-page--inline) !important;
  padding-block: max(1lh, (4rem - 1lh) * 0.5);
  display: grid;
}
#cookie-notice .cookie-notice-container {
  grid-template-columns: 1fr auto auto;
}
#cookie-notice .cookie-notice-container {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
#cookie-notice .cookie-notice-container {
  align-items: center;
}
#cookie-notice .cn-text-container {
  text-align: left !important;
  margin-bottom: 0;
}
#cookie-notice button.cn-button:not(.cn-button-custom) {
  margin-inline: 0;
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie {
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  background-color: rgb(250.34, 250.38, 250.42);
  display: block;
  text-decoration: none !important;
  text-align: center;
  overflow: hidden;
  color: #004098;
  border-radius: 1lh;
  height: auto;
  min-height: 4rem;
  line-height: 2rem;
  padding: 0.9rem 1.3rem;
  position: relative;
  width: 100%;
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
@media (hover: hover) {
  #cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:hover {
    color: rgb(0, 51.2, 121.6);
    background-color: rgb(241.02, 241.14, 241.26);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:focus-visible, #cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie.is-hover {
  color: rgb(0, 51.2, 121.6);
  background-color: rgb(241.02, 241.14, 241.26);
  border-color: rgba(22, 24, 26, 0.28);
}
@media (hover: hover) {
  #cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:hover {
    text-decoration: none !important;
  }
}
html.un-touched #cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie:focus-visible {
  border-color: var(--color-font-link-hover);
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie {
  border: 0.1rem solid rgba(22, 24, 26, 0.11) !important;
  background-color: rgb(250.34, 250.38, 250.42) !important;
  color: #004098 !important;
}
#cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie::before {
  content: "Accept";
}
html[lang=ja] #cookie-notice button.cn-button:not(.cn-button-custom).cn-set-cookie::before {
  content: "同意";
}
#cookie-notice .cn-close-icon {
  position: relative;
  right: unset;
  top: unset;
  margin: unset;
  padding: unset;
  opacity: 1;
  background-color: transparent;
  border-radius: 50%;
  width: 3.1rem;
  height: 3.1rem;
}
#cookie-notice .cn-close-icon::before, #cookie-notice .cn-close-icon::after {
  position: absolute;
  margin: auto;
  inset: 0;
  background-color: var(--color-white);
  width: 2.1rem;
  height: 2.1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M16,16.5c-.12793,0-.25586-.04883-.35352-.14648L4.64648,5.35352c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l11,11c.19531.19531.19531.51172,0,.70703-.09766.09766-.22559.14648-.35352.14648Z"/><path d="M5,16.5c-.12793,0-.25586-.04883-.35352-.14648-.19531-.19531-.19531-.51172,0-.70703L15.64648,4.64648c.19531-.19531.51172-.19531.70703,0s.19531.51172,0,.70703l-11,11c-.09766.09766-.22559.14648-.35352.14648Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  rotate: 45deg;
}
#cookie-notice .cn-close-icon::after {
  display: none;
}
html[lang=ja] #cookie-notice [lang=en], html[lang=en] #cookie-notice [lang=ja] {
  display: none;
}

.bilingual {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}
.bilingual a, .bilingual button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .bilingual a:hover, .bilingual button:hover {
    text-decoration-line: none;
  }
}
.bilingual a:focus-visible, .bilingual a.is-hover, .bilingual button:focus-visible, .bilingual button.is-hover {
  text-decoration-line: none;
}
.bilingual a, .bilingual button {
  color: inherit;
}
@media (hover: hover) {
  .bilingual a:hover, .bilingual button:hover {
    color: inherit;
  }
}
.bilingual a:focus-visible, .bilingual a.is-hover, .bilingual button:focus-visible, .bilingual button.is-hover {
  color: inherit;
}

.bilingual__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.bilingual__list > * {
  min-width: 0;
}
.bilingual__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}

:where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item {
  line-height: 1;
}
:where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item a {
  padding-inline: calc(calc(var(--margin-width) * 0.5) * 0.5);
  display: block;
}
:where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item span {
  display: block;
  position: relative;
  padding-bottom: 0.7em;
}
:where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.1rem;
  width: 100%;
  background-color: transparent;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
html[lang=ja] :where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item.bilingual__list__item--ja span::before, html[lang=en] :where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item.bilingual__list__item--en span::before {
  background-color: currentcolor;
}
html.un-touched :where(.bilingual:not([class^=bilingual--]):not([class*=" bilingual--"])) .bilingual__list__item:focus-visible {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}

.bilingual--pill .bilingual__list__item {
  line-height: 1;
  padding: 0.25em 0.5em;
  border-radius: 999.9rem;
  transition-property: color,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
html[lang=ja] .bilingual--pill .bilingual__list__item--ja, html[lang=en] .bilingual--pill .bilingual__list__item--en {
  background-color: var(--color-main);
  color: var(--color-white);
}

html[lang=ja] .bilingual__list__item--ja,
html[lang=en] .bilingual__list__item--en {
  pointer-events: none;
}

.breadcrumb a, .breadcrumb button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .breadcrumb a:hover, .breadcrumb button:hover {
    text-decoration-line: none;
  }
}
.breadcrumb a:focus-visible, .breadcrumb a.is-hover, .breadcrumb button:focus-visible, .breadcrumb button.is-hover {
  text-decoration-line: none;
}
.breadcrumb a, .breadcrumb button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .breadcrumb a:hover, .breadcrumb button:hover {
    color: var(--color-font-link-hover);
  }
}
.breadcrumb a:focus-visible, .breadcrumb a.is-hover, .breadcrumb button:focus-visible, .breadcrumb button.is-hover {
  color: var(--color-font-link-hover);
}
.breadcrumb {
  margin-inline: auto;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 2;
}

.breadcrumb__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.breadcrumb__list > * {
  min-width: 0;
}
.breadcrumb__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.breadcrumb__list {
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.breadcrumb__list__item .breadcrumb__list__item__anchor {
  position: relative;
  box-sizing: content-box;
}
.breadcrumb__list__item:first-child .breadcrumb__list__item__anchor {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  display: block;
  width: calc(1.3rem + 0.4em);
}
.breadcrumb__list__item:first-child .breadcrumb__list__item__anchor::before {
  content: "";
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><path d="M6.5,0C3.56944,1.32698,2.27151,1.79616.8385,1.86147v4.78467c0,2.30821.51968,3.52667,1.66721,4.70675.97752,1.00524,2.414,1.64711,3.9943,1.64711s3.01676-.64187,3.99429-1.64711c.28988-.2981.53956-.59872.75106-.91867h-4.0085v-.29497c.54577-.02007.9386-.05033.9386-.26668,0-.11438-.07169-.24845-.18707-.39127l.00219.00196-2.31448-2.88014-.33852.33852v2.14473c0,.62576.06499,1.00501,1.08194,1.05289v.29497h-1.08194v.00217h-1.9348v-.00217h-1.05314v-.29497h.01791l-.01791-.00189c.98916-.04789,1.05237-.42713,1.05237-1.05289l.00077.00395V3.61693l-.00077.00394c0-.62576-.06321-1.00501-1.05237-1.05289v-.29497h4.06988v.29497c-1.01695.04789-1.08194.42713-1.08194,1.05289v2.65314l2.78581-2.7858c.19795-.1951.29295-.33188.29295-.56189,0-.23011-.24761-.33056-1.02783-.35835v-.29497s3.47537,0,3.47537,0v.2949s-.00003.00007-.00007.00007c-.8022.02865-1.47503.32246-2.48452,1.33194l-1.39132,1.39132,3.45191,4.29557c.26103.32481.41142.44787.67626.52222.1677.04566.29986.03643.38965-.11696.00669-.01282.01368-.02541.02025-.0383.00004-.00009.00009-.00017.00013-.00027.43236-.84792.63534-1.86483.63534-3.30738V1.86147c-1.43302-.06531-2.73094-.53449-5.6615-1.86147Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
  pointer-events: none;
}
.breadcrumb__list__item:not(:last-child) .breadcrumb__list__item__anchor {
  padding-right: 1.3rem;
}
.breadcrumb__list__item:not(:last-child) .breadcrumb__list__item__anchor::after {
  content: "";
  position: absolute;
  margin-block: auto;
  left: auto;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.3rem;
  height: 1.3rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><rect y="5.93018" width="13" height="1.14014"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: rgb(215.39, 215.73, 216.07);
  pointer-events: none;
}

.breadcrumb__list__item__anchor {
  display: block;
}

.breadcrumb__list__item__anchor__box {
  min-height: 2em;
  display: block;
}
.breadcrumb--sm .breadcrumb__list__item:first-child .breadcrumb__list__item__anchor__box {
  min-width: calc(1.3rem + 0.8em);
}
.breadcrumb--md .breadcrumb__list__item:first-child .breadcrumb__list__item__anchor__box {
  min-width: calc(2.1rem + 0.8em);
}
.breadcrumb--lg .breadcrumb__list__item:first-child .breadcrumb__list__item__anchor__box {
  min-width: calc(3.3rem + 0.8em);
}
.breadcrumb--xl .breadcrumb__list__item:first-child .breadcrumb__list__item__anchor__box {
  min-width: calc(4.5rem + 0.8em);
}
.breadcrumb__list__item:not(:first-child) .breadcrumb__list__item__anchor__box {
  padding-left: 0.4em;
  padding-right: 0.4em;
}

:root {
  --pagination-size: 3.1rem;
}
@media print, screen and (min-width: 667.02px) {
  :root {
    --pagination-size: 4rem;
  }
}

:root {
  --pagination-gap: calc(var(--margin-width) * 0.25);
}
@media print, screen and (min-width: 428.02px) and (max-width: 843px) {
  :root {
    --pagination-gap: calc(var(--margin-width) * 0.3333333333);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --pagination-gap: calc(var(--margin-width) * 0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --pagination-gap: calc(var(--margin-width) * 0.5);
  }
}

.pagination {
  text-align: center;
}
.pagination:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.pagination:not(:first-child) {
  margin-top: calc(var(--margin-article) * 1);
}

.pagination__list a, .pagination__list button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .pagination__list a:hover, .pagination__list button:hover {
    text-decoration-line: none;
  }
}
.pagination__list a:focus-visible, .pagination__list a.is-hover, .pagination__list button:focus-visible, .pagination__list button.is-hover {
  text-decoration-line: none;
}
.pagination__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.pagination__list > * {
  min-width: 0;
}
.pagination__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.pagination__list {
  -webkit-justify-content: center;
  justify-content: center;
  height: calc(var(--pagination-size) + var(--pagination-gap));
}

.pagination__list__item {
  line-height: calc(var(--pagination-size) + var(--pagination-gap));
  width: calc(var(--pagination-size) + var(--pagination-gap));
  position: relative;
  z-index: 1;
}
html.un-touched .pagination__list__item {
  outline: 0 !important;
}
.pagination__list__item::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: calc(100% - var(--pagination-gap));
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: transparent;
  z-index: 2;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  pointer-events: none;
}
.pagination__list__item a, .pagination__list__item span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  color: var(--color-figure);
  transition-property: color,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.pagination__list__item:has([aria-current=page]) {
  cursor: default;
  pointer-events: none;
}
.pagination__list__item:has([aria-current=page])::before {
  background-color: var(--color-figure-light--2);
}
@media print, screen and (max-width: 667px) {
  .pagination__list__item:has(.prev), .pagination__list__item:has(.next) {
    display: none;
  }
}
.pagination__list__item:has(.prev) a, .pagination__list__item:has(.next) a {
  position: absolute;
  margin: auto;
  inset: 0;
}
.pagination__list__item:has(.prev) a {
  rotate: 180deg;
}
.pagination__list__item:has(.dots) {
  font-family: "subset";
  width: calc(var(--pagination-size) - var(--pagination-gap));
}

.pagination__list__item--ellipsis {
  color: var(--color-figure-light--4);
  speak: none;
  border: 0;
  background-color: transparent;
  min-width: 1em;
}

@media (hover: hover) {
  .pagination__list__item:has(a):hover::before {
    background-color: var(--color-main);
  }
  .pagination__list__item:has(a):hover a {
    color: var(--color-white);
  }
}
.pagination__list__item:has(a):focus-visible::before, .pagination__list__item:has(a).is-hover::before {
  background-color: var(--color-main);
}
.pagination__list__item:has(a):focus-visible a, .pagination__list__item:has(a).is-hover a {
  color: var(--color-white);
}

a.button,
button,
input[type=submit] {
  cursor: pointer;
}

.button,
input[type=submit] {
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  background-color: rgb(250.34, 250.38, 250.42);
  display: block;
  text-decoration: none !important;
  text-align: center;
  overflow: hidden;
  color: #004098;
  border-radius: 1lh;
  height: auto;
  min-height: 4rem;
  line-height: 2rem;
  padding: 0.9rem 1.3rem;
  position: relative;
  width: 100%;
}
.button:not(:last-child),
input[type=submit]:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
@media (hover: hover) {
  .button:hover,
  input[type=submit]:hover {
    color: rgb(0, 51.2, 121.6);
    background-color: rgb(241.02, 241.14, 241.26);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
.button:focus-visible, .button.is-hover,
input[type=submit]:focus-visible,
input[type=submit].is-hover {
  color: rgb(0, 51.2, 121.6);
  background-color: rgb(241.02, 241.14, 241.26);
  border-color: rgba(22, 24, 26, 0.28);
}
@media (hover: hover) {
  .button:hover,
  input[type=submit]:hover {
    text-decoration: none !important;
  }
}
html.un-touched .button:focus-visible,
html.un-touched input[type=submit]:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
.button:focus-visible,
input[type=submit]:focus-visible {
  border-color: var(--color-font-link-hover);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button--inline {
  width: fit-content;
  margin-inline: auto;
}

.button--2lines {
  line-height: 4rem;
}

.button--3lines {
  line-height: 6rem;
}

.button--xxs,
.button-mask--xxs {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1.5;
}

.button--xs,
.button-mask--xs {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.5;
}

.button--sm,
.button-mask--sm {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.5;
}

.button--md,
.button-mask--md {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.5;
}

.button--lg,
.button-mask--lg {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.5;
}

.button--xl,
.button-mask--xl {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.5;
}

.button--xxl,
.button-mask--xxl {
  font-size: var(--font-size--xxl);
  letter-spacing: var(--letter-spacing--xxl);
  line-height: 1.5;
}

.button--xxxl,
.button-mask--xxxl {
  font-size: var(--font-size--xxxl);
  letter-spacing: var(--letter-spacing--xxxl);
  line-height: 1.5;
}

.button.button--xs,
.button-mask--xs {
  padding: 0.3rem 0.8rem;
  min-height: auto;
  height: 2.2rem;
  width: auto;
}
.button.button--xs.button--square,
.button-mask--xs.button--square {
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  height: 2.5rem;
}

.button.button--sm {
  padding: 0.6rem 0.8rem;
  min-height: auto;
  height: 3.1rem;
}
.button.button--sm.button--square {
  width: 2.7rem;
  min-width: 2.7rem;
  max-width: 2.7rem;
  height: 2.7rem;
}

span.button, span.button:hover, span.button.button--em, span.button.button--em:hover, span.button.button--sub, span.button.button--sub:hover, span.button.button--true, span.button.button--true:hover, span.button.button--false, span.button.button--false:hover, span.button.button--gray, span.button.button--gray:hover,
.button.disabled,
.button.disabled:hover,
.button.disabled.button--em,
.button.disabled.button--em:hover,
.button.disabled.button--sub,
.button.disabled.button--sub:hover,
.button.disabled.button--true,
.button.disabled.button--true:hover,
.button.disabled.button--false,
.button.disabled.button--false:hover,
.button.disabled.button--gray,
.button.disabled.button--gray:hover,
button:disabled,
button:disabled:hover,
button:disabled.button--em,
button:disabled.button--em:hover,
button:disabled.button--sub,
button:disabled.button--sub:hover,
button:disabled.button--true,
button:disabled.button--true:hover,
button:disabled.button--false,
button:disabled.button--false:hover,
button:disabled.button--gray,
button:disabled.button--gray:hover,
input[type=submit][disabled],
input[type=submit][disabled]:hover,
input[type=submit][disabled].button--em,
input[type=submit][disabled].button--em:hover,
input[type=submit][disabled].button--sub,
input[type=submit][disabled].button--sub:hover,
input[type=submit][disabled].button--true,
input[type=submit][disabled].button--true:hover,
input[type=submit][disabled].button--false,
input[type=submit][disabled].button--false:hover,
input[type=submit][disabled].button--gray,
input[type=submit][disabled].button--gray:hover {
  background-color: rgb(241.02, 241.14, 241.26);
  color: rgb(215.39, 215.73, 216.07);
  border-color: rgb(215.39, 215.73, 216.07);
  cursor: default;
}
span.button.button--border,
.button.disabled.button--border,
button:disabled.button--border,
input[type=submit][disabled].button--border {
  background-color: transparent;
  border-color: rgb(215.39, 215.73, 216.07);
}
span.button.button--border-bottom,
.button.disabled.button--border-bottom,
button:disabled.button--border-bottom,
input[type=submit][disabled].button--border-bottom {
  background-color: transparent;
  border-bottom-color: rgb(215.39, 215.73, 216.07);
}

.button-group > .button:focus {
  box-shadow: none;
}
.button-group:has(:focus-visible) {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}
.button-group:has(:focus-visible):has(.button--circle) {
  border-radius: 999.9rem;
}

.button-group--h,
.button-group--v {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.button-group--h > *,
.button-group--v > * {
  min-width: 0;
}
.button-group--h > *.minimum,
.button-group--v > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.button-group--h:not(:last-child),
.button-group--v:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.button-group--h > .button,
.button-group--v > .button {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.button-group--h > .button > *,
.button-group--v > .button > * {
  min-width: 0;
}
.button-group--h > .button > *.minimum,
.button-group--v > .button > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.button-group--h > .button,
.button-group--v > .button {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.button-group--h:not(.button-group--h--auto):not(.button-group--h--center) > *:not(.flex__item) {
  flex-grow: 1;
}
.button-group--h.button-group--h--even > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.button-group--h.button-group--h--auto {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.button-group--h.button-group--h--center {
  -webkit-justify-content: center;
  justify-content: center;
}
.button-group--h > .button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group--h > .button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group--h > .button.button--border:not(:first-child) {
  border-left: none !important;
}

.button-group--v {
  flex-direction: column;
}
.button-group--v > .button:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.button-group--v > .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group--v > .button.button--border:not(:first-child) {
  border-top: none !important;
}

.kf__icon-h-loop,
.kf__icon-v-roop {
  display: block;
  position: relative;
}
.kf__icon-h-loop .icon,
.kf__icon-v-roop .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

@media (hover: hover) {
  .kf__icon-h-loop:hover .icon {
    animation: kf__icon-h-loop 0.6s 1 linear;
  }
}
.kf__icon-h-loop:focus-visible .icon, .kf__icon-h-loop.is-hover .icon {
  animation: kf__icon-h-loop 0.6s 1 linear;
}

@media (hover: hover) {
  .kf__icon-v-roop:hover .icon {
    animation: kf__icon-v-roop 0.6s 1 linear;
  }
}
.kf__icon-v-roop:focus-visible .icon, .kf__icon-v-roop.is-hover .icon {
  animation: kf__icon-v-roop 0.6s 1 linear;
}

.kf__icon-h-looping .icon {
  animation: kf__icon-h-looping 2.4s infinite linear;
}

.kf__icon-v-rooping .icon {
  animation: kf__icon-v-rooping 2.4s infinite linear;
}

:root {
  --calender-gap--v: 0.2rem;
}

:root {
  --calender-gap--h: 0.2rem;
}

:root {
  --color-sunday: #a61955;
}

:root {
  --color-holiday: #a61955;
}

:root {
  --color-saturday: #a61955;
}

:root {
  --line-height--calender: 1.2;
}

:root {
  --calender--plan-padding--v: 0.0888888889em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --calender--plan-padding--v: 0.1888888889em;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --calender--plan-padding--v: 0.2888888889em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --calender--plan-padding--v: 0.3888888889em;
  }
}

:root {
  --calender--plan-padding--h: 0.2em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --calender--plan-padding--h: 0.3em;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --calender--plan-padding--h: 0.4em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --calender--plan-padding--h: 0.5em;
  }
}

:root {
  --calender--plan-padding: var(--calender--plan-padding--v) var(--calender--plan-padding--h);
}

.calender:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.calender {
  line-height: var(--line-height--calender);
  position: relative;
  z-index: 1;
  width: calc(100% + var(--calender-gap--h) * 0.5);
  margin-left: calc(var(--calender-gap--h) * 0.5 * -1);
  border-right: 0.1rem solid rgba(22, 24, 26, 0.11);
  padding-right: var(--calender-gap--v);
}
@media print, screen and (min-width: 1018.02px) {
  .calender {
    hyphens: none;
  }
}
.calender .is-inactive {
  color: #ccc;
}
.calender > * {
  position: relative;
  z-index: 3;
}

.calender__td__plan__item {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  letter-spacing: 0 !important;
}

.calender__gap,
.calender__weekday,
.calender__tr,
.calender__thead {
  display: grid;
}
.calender__gap,
.calender__weekday,
.calender__tr,
.calender__thead {
  grid-template-columns: repeat(5, 3fr) repeat(2, 2fr);
}
.calender__gap,
.calender__weekday,
.calender__tr,
.calender__thead {
  gap: var(--calender-gap--v) calc(var(--calender-gap--h) + 0.1rem);
}
@media print, screen and (max-width: 843px) {
  .calender__gap,
  .calender__weekday,
  .calender__tr,
  .calender__thead {
    grid-template-columns: repeat(7, 1fr);
  }
}
.calender__gap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  padding-left: calc(var(--calender-gap--h) * 0.5 + 0.1rem);
  padding-right: calc(var(--calender-gap--h) * 0.5 + 0.1rem);
}

.calender__gap__item {
  border-left: 1px solid rgba(22, 24, 26, 0.11);
}

.calender__weekday {
  padding-left: calc(var(--calender-gap--h) * 0.5 + 0.1rem);
}

.calender__weekday__item--0 {
  color: var(--color-sunday);
}
@media print {
  .calender__weekday__item--0 {
    color: currentcolor;
  }
}
.calender__weekday__item--6 {
  color: var(--color-saturday);
}
@media print {
  .calender__weekday__item--6 {
    color: currentcolor;
  }
}

.calender__tr,
.calender__thead {
  width: 100%;
  padding-left: calc(var(--calender-gap--h) * 0.5 + 0.1rem);
  align-items: start;
}

.calender__month {
  z-index: 3;
  position: relative;
  padding-block: 1em;
}

.calender__month__str__en {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
  font-weight: bold;
  padding-bottom: 1em;
}

.calender__month__str__no {
  font-size: 20vw;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: -0.12em;
  color: rgba(0, 0, 0, 0.1);
}

.calender__header {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.calender__header > * {
  min-width: 0;
}
.calender__header > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.calender__header {
  height: var(--margin-article);
}

.calender__tr--day {
  margin-top: 1em;
}
.calender__tr--day .calender__td {
  border-top: 2px solid currentcolor;
}
.calender__tr--day:has(.calender__month) .calender__td {
  grid-row: 2/3;
}

.calender__td,
.calender__thead__item {
  padding-inline: 1em;
}
.calender__td span,
.calender__thead__item span {
  display: block;
}
.calender__td--0,
.calender__thead__item--0 {
  color: var(--color-sunday);
}
@media print {
  .calender__td--0,
  .calender__thead__item--0 {
    color: currentcolor;
  }
}
.calender__td--6,
.calender__thead__item--6 {
  color: var(--color-saturday);
}
@media print {
  .calender__td--6,
  .calender__thead__item--6 {
    color: currentcolor;
  }
}
.calender__td--holiday,
.calender__thead__item--holiday {
  color: var(--color-holiday);
}
@media print {
  .calender__td--holiday,
  .calender__thead__item--holiday {
    color: currentcolor;
    background-color: #eee;
  }
}
.calender__td--not-holiday,
.calender__thead__item--not-holiday {
  color: var(--color-figure);
}
.calender__td--not,
.calender__thead__item--not {
  color: rgba(22, 24, 26, 0.3);
}

.calender__thead__item {
  text-transform: uppercase;
  padding-bottom: 0.65em;
  border-bottom: 0.1rem solid var(--color-border);
}

.calender__thead__item__str {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.calender__td__date {
  padding: 0.65em 0;
  position: relative;
}
.calender__td__plan {
  position: relative;
  background-color: rgba(22, 24, 26, 0.1);
  border: 0.1rem solid rgba(22, 24, 26, 0.5);
  box-shadow: 0 0 1em rgba(22, 24, 26, 0.1) inset;
  color: #16181a;
  position: relative;
  text-align: left;
}
.calender__td__plan:not(.calender__td__plan--holiday):not(.calender__td__plan--not-holiday):not(.calender__td__plan--memo) {
  padding: var(--calender--plan-padding);
}
@media print, screen and (max-width: 843px) {
  .calender__td__plan:not(.calender__td__plan--holiday):not(.calender__td__plan--not-holiday):not(.calender__td__plan--memo) {
    padding: var(--calender--plan-padding);
    box-shadow: 0 0 0 rgba(22, 24, 26, 0.17) inset;
  }
}
@media print {
  .calender__td__plan:not(.calender__td__plan--holiday):not(.calender__td__plan--not-holiday):not(.calender__td__plan--memo) {
    background-color: transparent;
    color: currentcolor;
  }
}
.calender__td__plan--parent {
  border: 0.1rem solid rgba(204, 0, 85, 0.5);
  background-color: rgba(204, 0, 85, 0.1);
  color: #c05;
  box-shadow: 0 0 1em rgba(204, 0, 85, 0.1) inset;
}
.calender__td__plan--k1, .calender__td__plan--k2, .calender__td__plan--k3, .calender__td__plan--g1, .calender__td__plan--g2, .calender__td__plan--g3, .calender__td__plan--g4, .calender__td__plan--g5 {
  border: 0.1rem solid rgba(170, 102, 0, 0.5);
  background-color: rgba(170, 102, 0, 0.1);
  color: #a60;
  box-shadow: 0 0 1em rgba(170, 102, 0, 0.1) inset;
}
.calender__td__plan--g6, .calender__td__plan--g8 {
  border: 0.1rem solid rgba(0, 136, 17, 0.5);
  background-color: rgba(0, 136, 17, 0.1);
  color: #081;
  box-shadow: 0 0 1em rgba(0, 136, 17, 0.1) inset;
}
.calender__td__plan--g9, .calender__td__plan--g10 {
  border: 0.1rem solid rgba(0, 119, 153, 0.5);
  background-color: rgba(0, 119, 153, 0.1);
  color: #079;
  box-shadow: 0 0 1em rgba(0, 119, 153, 0.1) inset;
}
.calender__td__plan--g11, .calender__td__plan--g12 {
  border: 0.1rem solid rgba(68, 0, 153, 0.5);
  background-color: rgba(68, 0, 153, 0.1);
  color: #409;
  box-shadow: 0 0 1em rgba(68, 0, 153, 0.1) inset;
}
.calender__td__plan--start {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}
.calender__td__plan--end {
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}
.calender__td__plan--holiday, .calender__td__plan--not-holiday, .calender__td__plan--memo {
  box-shadow: 0 0 0 rgba(22, 24, 26, 0.17) inset;
  border-radius: 0;
  border: 0;
  padding-block: 0.2680469716em;
  border-top: 0.1rem solid currentcolor;
  margin-top: 0.2680469716em;
  background-color: transparent;
}
.calender__td__plan--holiday.calender__td__plan--start::before, .calender__td__plan--holiday.calender__td__plan--end::after, .calender__td__plan--not-holiday.calender__td__plan--start::before, .calender__td__plan--not-holiday.calender__td__plan--end::after, .calender__td__plan--memo.calender__td__plan--start::before, .calender__td__plan--memo.calender__td__plan--end::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  position: absolute;
  background-color: currentcolor;
  top: -0.05rem;
}
.calender__td__plan--holiday.calender__td__plan--start::before, .calender__td__plan--not-holiday.calender__td__plan--start::before, .calender__td__plan--memo.calender__td__plan--start::before {
  left: 0.05rem;
  translate: -50% -50%;
}
.calender__td__plan--holiday.calender__td__plan--end::after, .calender__td__plan--not-holiday.calender__td__plan--end::after, .calender__td__plan--memo.calender__td__plan--end::after {
  right: 0;
  translate: 0 -50%;
}
.calender__td__plan--holiday {
  color: var(--color-holiday);
}
@media print {
  .calender__td__plan--holiday {
    color: currentcolor;
  }
}
.calender__td__plan:not(.calender__td__plan--start) {
  border-left: 0 !important;
  margin-left: max(-2em, var(--padding-page--l) * -1);
}
.calender__td__plan:not(.calender__td__plan--start) .calender__td__plan__item,
.calender__td__plan:not(.calender__td__plan--start) .calender__td__plan__date {
  padding-left: min(2em, var(--padding-page--l));
}
.calender__td__plan:not(.calender__td__plan--start)::before {
  content: "";
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  width: calc(min(2em, var(--padding-page--l)) * 0.9);
  left: -1px;
  background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 80%);
}
@media print {
  .calender__td__plan:not(.calender__td__plan--start)::before {
    display: none;
  }
}

.calender__td__plan:not(.calender__td__plan--end) {
  border-right: 0 !important;
  margin-right: max(-2em, var(--padding-page--l) * -1);
}
.calender__td__plan:not(.calender__td__plan--end) .calender__td__plan__item {
  padding-right: min(2em, var(--padding-page--l));
}
.calender__td__plan:not(.calender__td__plan--end)::after {
  content: "";
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  width: calc(min(2em, var(--padding-page--l)) * 0.9);
  right: -1px;
  background: linear-gradient(to left, white 20%, rgba(255, 255, 255, 0) 80%);
}
@media print {
  .calender__td__plan:not(.calender__td__plan--end)::after {
    display: none;
  }
}

.calender__td__plan__cat {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.calender__td__plan__item__division {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  white-space: nowrap;
  display: inline;
  margin-right: 1em;
}
@media print, screen and (max-width: 843px) {
  .calender__td__plan__item__division {
    font-size: 10px;
    margin-right: 0;
    display: block;
  }
}

.calender__td__plan__item__str {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  display: inline;
}
@media print {
  .calender__td__plan__item__str {
    font-size: 20px !important;
  }
}
@media print, screen and (max-width: 843px) {
  .calender__td__plan__item__str {
    font-size: 10px;
  }
}

.calender__td__plan__item__date {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.calender__td__plan__item__venue {
  padding-top: 0.3em;
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
}

.callist__item {
  display: grid;
}
.callist__item {
  gap: 2px;
}
.callist__item {
  grid-template-columns: repeat(6, 1fr);
}
.callist__item__date {
  grid-column: 1/3;
  border-top: 0.1rem solid currentcolor;
  padding-block: 1em;
}

.callist__item__str {
  grid-column: 3/-1;
  border-top: 0.1rem solid currentcolor;
  padding-block: 1em;
}

.callist__item__str__division {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.callist__n {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
  font-weight: bold;
}
.callist__n:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.callist__n:not(:first-child) {
  margin-top: calc(var(--margin-section) * 1);
}

:root {
  --carousel__nav--size: 3.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --carousel__nav--size: 3.1rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --carousel__nav--size: 4rem;
  }
}

:root {
  --carousel--inbox--padding-page: 6.2rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --carousel--inbox--padding-page: 6.2rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --carousel--inbox--padding-page: 8rem;
  }
}

.carousel {
  position: relative;
  z-index: 100;
}
.l-full.bg > .carousel {
  padding-block: var(--margin-section);
}
.l-full .carousel {
  padding-top: var(--margin-section);
}

.carousel--inbox::before, .carousel--inbox::after {
  content: "";
  position: absolute;
  z-index: 102;
  top: 0;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to left, rgba(var(--color-body), 0) 0%, rgba(var(--color-body), 0.5) 65%, rgba(var(--color-body), 1) 95%);
  width: var(--carousel--inbox--padding-page--l);
}
.carousel--inbox::before {
  left: 0;
}
.carousel--inbox::after {
  right: 0;
  rotate: 180deg;
}

.carousel__list {
  font-size: 0;
  z-index: 101;
  box-sizing: content-box;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-inline: var(--padding-page--l) var(--padding-page--r);
  position: relative;
  scroll-snap-type: x mandatory;
  scroll-padding-left: var(--padding-page--l);
  margin-bottom: calc(var(--scrollbar-width) * -1);
  padding-bottom: var(--scrollbar-width);
  -ms-overflow-style: none;
}
.carousel__list::-webkit-scrollbar {
  display: none;
}
.carousel__list.is-moving {
  scroll-snap-type: none;
}
html.no-js .carousel__list {
  white-space: unset;
}
html:not(.no-js) .carousel--inbox .carousel__list {
  padding-right: var(--carousel--inbox--padding-page);
  padding-left: var(--carousel--inbox--padding-page);
  scroll-padding-left: var(--carousel--inbox--padding-page);
}
@supports (padding: env(safe-area-inset-left)) {
  .carousel__list {
    padding-right: calc(var(--padding-page--r) + env(safe-area-inset-right));
    padding-left: calc(var(--padding-page--l) + env(safe-area-inset-left));
    scroll-padding-left: calc(var(--padding-page--l) + env(safe-area-inset-left));
  }
  html:not(.no-js) .carousel--inbox .carousel__list {
    padding-right: calc(var(--carousel--inbox--padding-page) + env(safe-area-inset-right));
    padding-left: calc(var(--carousel--inbox--padding-page) + env(safe-area-inset-left));
    scroll-padding-left: calc(var(--carousel--inbox--padding-page) + env(safe-area-inset-left));
  }
}
.carousel--hero .carousel__list {
  padding: 0;
  scroll-padding-left: 0;
}

.carousel__list__item {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.7;
  display: inline-block;
  box-sizing: content-box;
  vertical-align: top;
  scroll-snap-align: start;
  padding-right: var(--margin-width);
  scroll-padding-left: var(--padding-page);
}
.carousel__list__item:last-child {
  padding-right: 0;
}
.carousel__list__item > * {
  white-space: normal;
}
.carousel--hero .carousel__list__item {
  padding: 0;
  width: 100%;
}
.carousel__list__item img {
  border-radius: var(--radius);
  overflow: hidden;
}
.carousel__list__item.is-portrait figure {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.carousel__list__item.is-portrait img {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  width: auto;
  height: 100%;
  top: 0;
}

@media (hover: hover) {
  a.carousel__list__item:hover {
    cursor: inherit;
  }
}

.carousel[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-1"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}

.carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-1-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

.carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-1-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-1-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-1-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-1-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

.carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 1 - 0 * var(--margin-width) / 1);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-1-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

.carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="1-1-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

.carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="1-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 1 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 1 - 0 * var(--margin-width) / 1);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="1-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-2-2"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}

.carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-2-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-2-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-2-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-2-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 2 - 1 * var(--margin-width) / 2);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-2-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="2-2-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

.carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="2-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 2 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 2 - 1 * var(--margin-width) / 2);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="2-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-3-3"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}

.carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-3-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-3-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-3-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 3 - 2 * var(--margin-width) / 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-3-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="3-3-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

.carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="3-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 3 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 3 - 2 * var(--margin-width) / 3);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="3-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-4-4"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}

.carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-4-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-4-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 4 - 3 * var(--margin-width) / 4);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-4-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="4-4-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

.carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  html.no-js .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  html.no-js .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="4-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 4 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 4 - 3 * var(--margin-width) / 4);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="4-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}

html.no-js .carousel[data-carousel-pp="5-5-5-5-5"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}

.carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
}
@media print, screen and (min-width: 1260.02px) {
  .carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 5 - 4 * var(--margin-width) / 5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 1260.02px) {
  html.no-js .carousel[data-carousel-pp="5-5-5-5-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 1018.02px) {
  html.no-js .carousel[data-carousel-pp="5-5-5-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
}
@media print, screen and (min-width: 843.02px) {
  .carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 843.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 843.02px) {
  html.no-js .carousel[data-carousel-pp="5-5-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 5 - var(--margin-width));
}
@media print, screen and (min-width: 667.02px) {
  .carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 667.02px) {
  html:not(.no-js) .carousel--fit[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 5 - 4 * var(--margin-width) / 5);
}
@media print, screen and (min-width: 667.02px) {
  html.no-js .carousel[data-carousel-pp="5-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

.carousel[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
  width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
}
@media print, screen and (min-width: 1018.02px) {
  .l-full > .carousel[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}
@media print, screen and (min-width: 1260.02px) {
  .l-full > .carousel[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
    width: calc((100% - min(var(--padding-page--l), var(--padding-page--r))) / 6 - var(--margin-width));
  }
}

html:not(.no-js) .carousel--fit[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 6 - 5 * var(--margin-width) / 6);
}
@media print, screen and (min-width: 1018.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}
@media print, screen and (min-width: 1260.02px) {
  html:not(.no-js) .l-full > .carousel--fit[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
    width: calc(100% / 6 - 5 * var(--margin-width) / 6);
  }
}

html.no-js .carousel[data-carousel-pp="6-6-6-6-6"] .carousel__list__item {
  width: calc(100% / 6 - 5 * var(--margin-width) / 6);
}

.carousel__scrollbar {
  position: relative;
  margin-inline: auto;
  box-sizing: content-box;
  height: calc(var(--margin-section) * 2 + 0.2rem);
  border-left-style: solid;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-color: transparent;
  border-right-width: var(--padding-page--r);
  border-left-width: var(--padding-page--l);
  margin-bottom: calc(var(--margin-section) * -1);
}
@media print, screen and (min-width: 1018.02px) {
  .carousel__scrollbar {
    max-width: var(--width-content);
  }
}
.carousel--inbox .carousel__scrollbar {
  border-right-width: 0;
  border-left-width: 0;
  margin-inline: var(--carousel--inbox--padding-page);
}

.carousel__scrollbar--involve {
  width: 30%;
  border: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 103;
  margin-inline: 0 var(--padding-page--r);
}

.carousel__scrollbar__rail {
  position: absolute;
  margin: auto;
  inset: 0;
  height: 0.4rem;
  overflow: hidden;
}
.carousel__scrollbar__rail::before {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: rgb(229.37, 229.59, 229.81);
}
.carousel__scrollbar--involve .carousel__scrollbar__rail::before {
  background-color: rgba(255, 255, 255, 0.6);
}
html.no-js .carousel__scrollbar__rail {
  display: none;
}

.carousel__scrollbar__rail__thumb {
  width: 0;
  height: 0.2rem;
  background-color: #004098;
  position: absolute;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: oacity, height;
}
.carousel__scrollbar__rail__thumb:not([aria-hidden]) {
  opacity: 1;
}
@media (hover: hover) {
  .carousel:hover .carousel__scrollbar__rail__thumb {
    height: 0.4rem;
  }
}

.carousel__scrollbar__controler {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.carousel__scrollbar__controler > * {
  min-width: 0;
}
.carousel__scrollbar__controler > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.carousel__scrollbar__controler > *:not(.flex__item) {
  flex-grow: 1;
}
.carousel__scrollbar__controler {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
html.no-js .carousel__scrollbar__controler {
  display: none;
}

.carousel__nav {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  z-index: 103;
  width: 100%;
  pointer-events: none;
  height: var(--carousel__nav--size);
  bottom: calc(var(--margin-section) * 2 + 0.2rem);
}
html.no-js .carousel__nav {
  display: none;
}

.carousel__nav__item {
  border-radius: 999.9rem;
  transition-property: opacity, translate, background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  display: block;
  position: absolute;
  top: 0;
  pointer-events: auto;
  background-color: var(--color-figure);
  color: #ffffff;
  opacity: 0;
  translate: 0 0;
  width: var(--carousel__nav--size);
  height: var(--carousel__nav--size);
}
.carousel--inbox .carousel__nav__item--prev {
  translate: -50% 0;
}
.carousel--inbox .carousel__nav__item--next {
  translate: 50% 0;
}
@media (hover: hover) {
  .carousel:hover .carousel__nav__item {
    opacity: 1;
  }
  .carousel:hover .carousel__nav__item--prev {
    translate: 50% 0;
  }
  .carousel:hover .carousel__nav__item--next {
    translate: -50% 0;
  }
  .carousel--inbox:hover .carousel__nav__item--prev {
    translate: 0% 0;
  }
  .carousel--inbox:hover .carousel__nav__item--next {
    translate: 0% 0;
  }
  .carousel--inbox:hover .carousel__nav__item::before {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
  }
}
.carousel:has(:focus-visible) .carousel__nav__item {
  outline: none;
}
.carousel:has(:focus-visible) .carousel__nav__item--prev:not([aria-hidden=true]) {
  translate: 50% 0;
  opacity: 1;
}
.carousel:has(:focus-visible) .carousel__nav__item--next:not([aria-hidden=true]) {
  translate: -50% 0;
  opacity: 1;
}
.carousel--inbox:has(:focus-visible) .carousel__nav__item--prev:not([aria-hidden=true]) {
  translate: 0% 0;
}
.carousel--inbox:has(:focus-visible) .carousel__nav__item--next:not([aria-hidden=true]) {
  translate: 0% 0;
}
@media (hover: hover) {
  .carousel__nav__item:hover {
    background-color: #004098;
    color: #ffffff;
  }
}
.carousel__nav__item:focus-visible, .carousel__nav__item.is-hover {
  background-color: #004098;
  color: #ffffff;
}
.carousel__nav__item:focus-visible {
  opacity: 1;
}
.carousel__nav__item[aria-hidden=true] {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) {
  .carousel:hover .carousel__nav__item[aria-hidden=true] {
    opacity: 0;
  }
}
.carousel__nav__item--prev {
  left: var(--padding-page--l);
}
@media print, screen and (min-width: 1018.02px) {
  .carousel__nav__item--prev {
    left: calc((100vw - var(--scrollbar-width) - var(--padding-page--l) - var(--padding-page--r) - 90.8rem) / 2 + var(--padding-page--l) + var(--carousel__nav--size));
  }
}
.carousel--inbox .carousel__nav__item--prev {
  left: 0;
}
.carousel__nav__item--prev:focus-visible {
  translate: 50% 0;
}
.carousel--inbox .carousel__nav__item--prev:focus-visible {
  translate: 0% 0;
}
.carousel__nav__item--next {
  right: var(--padding-page--r);
}
@media print, screen and (min-width: 1018.02px) {
  .carousel__nav__item--next {
    right: calc((100vw - var(--scrollbar-width) - var(--padding-page--l) - var(--padding-page--r) - 90.8rem) / 2 + var(--padding-page--r) - var(--carousel__nav--size));
  }
}
.carousel--inbox .carousel__nav__item--next {
  right: 0;
}
.carousel__nav__item--next:focus-visible {
  translate: -50% 0;
}
.carousel--inbox .carousel__nav__item--next:focus-visible {
  translate: 0% 0;
}
.carousel__nav__item .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.carousel__nav__item__icon {
  font-family: icon-font-13;
  font-variation-settings: "wght" 100;
  font-size: 1.3rem;
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  width: 1em;
  height: 1em;
  position: absolute;
  margin: auto;
  inset: 0;
}
@media print, screen and (min-width: 843.02px) {
  .carousel__nav__item__icon {
    font-family: icon-font-21;
    font-variation-settings: "wght" 300;
    font-size: 2.1rem;
  }
}

.countdown {
  width: 35.1rem;
  margin-inline: auto;
}
.countdown .yycountdown-box {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.countdown .yycountdown-box > *:nth-child(odd) {
  color: var(--color-body);
  font-size: 4.6rem;
  text-align: center;
  text-shadow: 0 -2px 0px rgb(0, 0, 0);
  width: 7.8rem;
  height: 11.7rem;
  line-height: 11.7rem;
  display: block;
  float: left;
  margin-right: 1.3rem;
  border-radius: 2lh;
  border: 0.1rem solid #000;
  position: relative;
}
.countdown .yycountdown-box > *:nth-last-child(2) {
  margin-right: 0;
}
.countdown .yycountdown-box > *:nth-child(even) {
  display: none;
}
.countdown .yycountdown-box > *.yyc-day::after, .countdown .yycountdown-box > *.yyc-hou::after, .countdown .yycountdown-box > *.yyc-min::after, .countdown .yycountdown-box > *.yyc-sec::after {
  content: "asdf";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.9rem;
  line-height: 2.2rem;
}
.countdown .yycountdown-box > *.yyc-day:after {
  content: "day";
}
.countdown .yycountdown-box > *.yyc-hou:after {
  content: "hour";
}
.countdown .yycountdown-box > *.yyc-min:after {
  content: "min";
}
.countdown .yycountdown-box > *.yyc-sec:after {
  content: "sec";
}

:root {
  --clothoid__padding: 1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --clothoid__padding: 2rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --clothoid__padding: 3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --clothoid__padding: 4rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --clothoid__padding: 5rem;
  }
}

.clothoid {
  position: relative;
  z-index: 100;
}

.clothoid--shadow::before {
  content: "";
  position: absolute;
  z-index: 100;
  left: 0.2rem;
  top: 0.2rem;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  box-shadow: 0 0 1.7em 0.3rem rgba(22, 24, 26, 0.17);
  border-radius: var(--clothoid__padding);
}

.clothoid__top,
.clothoid__bottom {
  position: relative;
  overflow: hidden;
  z-index: 101;
  height: var(--clothoid__padding);
}
.clothoid__top::before, .clothoid__top::after,
.clothoid__bottom::before,
.clothoid__bottom::after {
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m100,50c0,8.81191,0,18.56495-3.58981,27.30353-3.58182,8.64728-10.45938,15.52484-19.10666,19.10666-8.73858,3.58981-18.49162,3.58981-27.30353,3.58981h0c-8.81191,0-18.56495,0-27.30353-3.58981-8.64728-3.58182-15.52484-10.45938-19.10666-19.10666C0,68.56495,0,58.81191,0,50h0c0-8.81191,0-18.56495,3.58981-27.30353C7.17163,14.04919,14.04919,7.17163,22.69647,3.58981,31.43505,0,41.18809,0,50,0h0c8.81191,0,18.56495,0,27.30353,3.58981,8.64728,3.58182,15.52484,10.45938,19.10666,19.10666,3.58981,8.73858,3.58981,18.49162,3.58981,27.30353h0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--color-main);
  z-index: 102;
  position: absolute;
  width: calc(var(--clothoid__padding) * 2);
  height: calc(var(--clothoid__padding) * 2);
}
.clothoid__top::before,
.clothoid__bottom::before {
  left: 0;
}
.clothoid__top::after,
.clothoid__bottom::after {
  right: 0;
}

.clothoid__top::before, .clothoid__top::after {
  top: 0;
}

.clothoid__bottom::before, .clothoid__bottom::after {
  bottom: 0;
}

.clothoid__middle {
  background-color: var(--color-main);
  color: #ffffff;
  position: relative;
  z-index: 103;
  padding: 0 var(--clothoid__padding);
}
.clothoid__middle::before {
  content: "";
  position: absolute;
  z-index: 104;
  background-color: var(--color-main);
  height: calc(100% + var(--clothoid__padding) * 2);
  width: calc(100% - var(--clothoid__padding) * 2);
  top: calc(var(--clothoid__padding) * -1);
  left: var(--clothoid__padding);
}
.clothoid__middle .clothoid__middle__inner {
  position: relative;
  z-index: 105;
}

:root {
  --details__padding__h: 0px;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --details__padding__h: 1.3rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --details__padding__h: 2.1rem;
  }
}

:root {
  --details__padding__v: 0.8rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --details__padding__v: 0.8rem;
  }
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --details__padding__v: 1.6rem;
  }
}

.details:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.details__summary {
  cursor: pointer;
  padding: var(--details__padding__v) var(--details__padding__h);
  padding-right: calc(var(--details__padding__h) + var(--margin-width) + 1em);
  position: relative;
  border-top: 0.1rem solid var(--color-border);
  border-bottom: 0.1rem solid var(--color-border);
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  .details__summary:hover {
    color: rgb(0, 51.2, 121.6);
  }
}
.details__summary:focus-visible, .details__summary.is-hover {
  color: rgb(0, 51.2, 121.6);
}
html.un-touched .details__summary:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
details + details .details__summary {
  border-top: 0;
}

.details__summary__inner {
  padding-left: calc(1em + var(--margin-width));
  position: relative;
}
.details__summary__inner::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 0;
}

.details__summary__icon {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  right: var(--details__padding__h);
  width: 2.1rem;
  height: 2.1rem;
  display: block;
}
.details__summary__icon::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentcolor;
}
.details__summary__icon span {
  color: var(--color-white);
  display: block;
  position: absolute;
  margin: auto;
  inset: 0;
  width: 2.1rem;
  height: 2.1rem;
  transition-property: rotate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.details__summary__icon span:nth-child(1) {
  rotate: -90deg;
}
.details__summary__icon span:nth-child(2) {
  rotate: -180deg;
}
details[open] .details__summary__icon span {
  rotate: 0deg;
}

.details__content {
  border-bottom: 0.1rem solid var(--color-border);
  overflow: hidden;
}

.details__content__inner {
  position: relative;
  padding: var(--details__padding__v) var(--details__padding__h);
  padding-left: calc(var(--details__padding__h) + 1em + var(--margin-width));
  background-color: rgb(248.01, 248.07, 248.13);
}
.details__content__inner::before {
  content: "A";
  position: absolute;
  left: var(--details__padding__h);
  top: var(--details__padding__v);
}

.usecookie {
  position: fixed;
  background-color: var(--color-figure);
  border-radius: 0.3rem 0.3rem 0 0;
  inset-inline: min(var(--padding-page--l), var(--padding-page--r));
  bottom: 0;
  padding: 1.268em 1.618em;
  color: var(--color-body);
}

.usecookie__inner {
  display: grid;
}
.usecookie__inner {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.usecookie__inner {
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .usecookie__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .usecookie__inner {
    grid-template-columns: 1fr auto;
  }
}

.usecookie__inner__content {
  grid-column: 1/-1;
}
@media print, screen and (min-width: 1018.02px) {
  .usecookie__inner__content {
    grid-column: 1/2;
  }
}
.usecookie__inner__content {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.usecookie__inner__cancel {
  grid-column: 1/-1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .usecookie__inner__cancel {
    grid-column: 1/2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .usecookie__inner__cancel {
    grid-column: 2/3;
  }
}

.usecookie__inner__ok {
  grid-column: 1/-1;
}
@media print, screen and (min-width: 667.02px) {
  .usecookie__inner__ok {
    grid-column: 2/3;
  }
}

:root {
  --drawer__padding: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --drawer__padding: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --drawer__padding: 11rem;
  }
}

.drawer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 840;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0s;
  transition-delay: 0.45s;
  translate: -100% 0;
}
.is-drawer .drawer {
  translate: 0% 0;
  transition-delay: 0s;
}

.drawer__bg {
  background-color: rgba(0, 64, 152, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 841;
  transition-property: opacity,backdrop-filter;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-delay: 0.15s;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.is-drawer .drawer__bg {
  opacity: 1;
  transition-delay: 0s;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.drawer__content {
  background-color: var(--color-main);
  color: var(--color-white);
  z-index: 842;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: calc(100% - var(--header__height));
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  transition-delay: 0s;
  translate: -100% 0;
}
.drawer__content a, .drawer__content button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .drawer__content a:hover, .drawer__content button:hover {
    text-decoration-line: none;
  }
}
.drawer__content a:focus-visible, .drawer__content a.is-hover, .drawer__content button:focus-visible, .drawer__content button.is-hover {
  text-decoration-line: none;
}
.drawer__content a, .drawer__content button {
  color: inherit;
}
@media (hover: hover) {
  .drawer__content a:hover, .drawer__content button:hover {
    color: inherit;
  }
}
.drawer__content a:focus-visible, .drawer__content a.is-hover, .drawer__content button:focus-visible, .drawer__content button.is-hover {
  color: inherit;
}
.drawer__content {
  overflow: hidden;
}
.is-drawer .drawer__content {
  translate: 0 0;
  transition-delay: 0.15s;
}

.drawer__content__inner {
  overflow-y: scroll;
  padding: var(--drawer__padding);
  display: grid;
  gap: var(--margin);
  position: absolute;
  width: calc(100% + var(--scrollbar-width));
  height: 100%;
  top: 0;
  left: 0;
}

.drawer__content__nav-main {
  margin-top: -0.25em;
  padding-bottom: 0.25em;
}

.drawer__content__nav-sub {
  padding-bottom: 0.25em;
  padding-bottom: var(--margin-section);
}

.drawer__content__social {
  margin-top: auto;
  position: relative;
  width: fit-content;
  display: grid;
}
.drawer__content__social {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.drawer__content__social {
  grid-template-columns: auto auto;
}
.drawer__content__social {
  grid-template-rows: auto;
}
@media print, screen and (orientation: landscape) {
  .drawer__content__social {
    grid-template-columns: auto;
  }
  .drawer__content__social {
    grid-template-rows: auto auto;
  }
}
@media print, screen and (orientation: landscape) and (min-width: 1018.02px) {
  .drawer__content__social {
    grid-template-columns: auto auto;
  }
  .drawer__content__social {
    grid-template-rows: auto;
  }
}
.drawer__content__social__h {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
@media print, screen and (orientation: portrait) {
  .drawer__content__social__h {
    order: 1;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}

.drawer__content__social__list {
  display: grid;
}
.drawer__content__social__list {
  grid-template-rows: auto;
}
.drawer__content__social__list {
  grid-template-columns: 1fr 1fr 1fr;
}
.drawer__content__social__list {
  gap: 1em;
}

.drawer__content__social__list__item::before, .drawer__content__social__list__item, .drawer__content__social__list__item a {
  width: 3.3rem;
  height: 3.3rem;
}
.drawer__content__social__list__item::before, .drawer__content__social__list__item i {
  pointer-events: none;
}
.drawer__content__social__list__item__anchor {
  display: block;
  width: 4rem;
  height: 4rem;
  position: relative;
}
.drawer__content__social__list__item__anchor .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.drawer__nav-main {
  line-height: 1.5;
}

.drawer__nav-main__list {
  display: grid;
}
.drawer__nav-main__list {
  gap: calc(var(--margin) * 2) calc(var(--margin-width) * 0.5);
}
.drawer__nav-main__list {
  grid-template-columns: auto;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .drawer__nav-main__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .drawer__nav-main__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .drawer__nav-main__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.drawer__nav-main__list__item__str {
  display: block;
  min-height: 1lh;
}
.drawer__nav-main__list__item__str span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  padding-left: 1em;
  position: relative;
}
.drawer__nav-main__list__item__str span::before {
  content: "";
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: currentcolor;
}

.drawer__nav-main__list__item__anchor {
  padding-block: calc((4rem - 1lh) * 0.5);
  display: block;
  border-bottom: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
li.is-current .drawer__nav-main__list__item__anchor, body.single-blog li.page-blog .drawer__nav-main__list__item__anchor, body.tax-blog_category li.page-blog .drawer__nav-main__list__item__anchor, body.parent-admissions-handbook .drawer__nav-main__list__child__item--admissions-handbook .drawer__nav-main__list__item__anchor {
  border-bottom-color: currentcolor;
  font-weight: bold;
  pointer-events: none;
}
body[class*=paged] li.is-current .drawer__nav-main__list__item__anchor, body.single-blog li.page-blog .drawer__nav-main__list__item__anchor, body.tax-blog_category li.page-blog .drawer__nav-main__list__item__anchor, body.parent-admissions-handbook .drawer__nav-main__list__child__item--admissions-handbook .drawer__nav-main__list__item__anchor {
  pointer-events: unset;
}

.twitter-tweet {
  margin-inline: auto;
}

.avatar {
  position: relative;
}
.avatar:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.avatar a, .avatar button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .avatar a:hover, .avatar button:hover {
    text-decoration-line: none;
  }
}
.avatar a:focus-visible, .avatar a.is-hover, .avatar button:focus-visible, .avatar button.is-hover {
  text-decoration-line: none;
}

.avatar--h {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.avatar--h > * {
  min-width: 0;
}
.avatar--h > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.avatar--h > *:not(.flex__item) {
  flex-grow: 1;
}

.avatar__fig {
  position: relative;
}
.avatar__fig:only-child {
  margin-inline: auto;
}
.avatar--xxs .avatar__fig, .avatar--xxs--p .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-d .avatar__fig {
  width: 1.7em;
}
.avatar--xxs .avatar__fig, .avatar--xxs--p .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-d .avatar__fig {
  min-width: 1.7em;
}
.avatar--xxs .avatar__fig, .avatar--xxs--p .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--p-d .avatar__fig {
  max-width: 1.7em;
}
.avatar--xs .avatar__fig, .avatar--xs--p .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--p-d .avatar__fig {
  width: 3.4em;
}
.avatar--xs .avatar__fig, .avatar--xs--p .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--p-d .avatar__fig {
  min-width: 3.4em;
}
.avatar--xs .avatar__fig, .avatar--xs--p .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--p-d .avatar__fig {
  max-width: 3.4em;
}
.avatar--sm .avatar__fig, .avatar--sm--p .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--p-d .avatar__fig {
  width: 5.1em;
}
.avatar--sm .avatar__fig, .avatar--sm--p .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--p-d .avatar__fig {
  min-width: 5.1em;
}
.avatar--sm .avatar__fig, .avatar--sm--p .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--p-d .avatar__fig {
  max-width: 5.1em;
}
.avatar__fig, .avatar--md .avatar__fig, .avatar--md--p .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--p-d .avatar__fig {
  width: 6.8em;
}
.avatar__fig, .avatar--md .avatar__fig, .avatar--md--p .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--p-d .avatar__fig {
  min-width: 6.8em;
}
.avatar__fig, .avatar--md .avatar__fig, .avatar--md--p .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--p-d .avatar__fig {
  max-width: 6.8em;
}
.avatar--lg .avatar__fig, .avatar--lg--p .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--p-d .avatar__fig {
  width: 8.5em;
}
.avatar--lg .avatar__fig, .avatar--lg--p .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--p-d .avatar__fig {
  min-width: 8.5em;
}
.avatar--lg .avatar__fig, .avatar--lg--p .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--p-d .avatar__fig {
  max-width: 8.5em;
}
.avatar--xl .avatar__fig, .avatar--xl--p .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--p-d .avatar__fig {
  width: 10.2em;
}
.avatar--xl .avatar__fig, .avatar--xl--p .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--p-d .avatar__fig {
  min-width: 10.2em;
}
.avatar--xl .avatar__fig, .avatar--xl--p .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--p-d .avatar__fig {
  max-width: 10.2em;
}
.avatar--xxl .avatar__fig, .avatar--xxl--p .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--p-d .avatar__fig {
  width: 11.9em;
}
.avatar--xxl .avatar__fig, .avatar--xxl--p .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--p-d .avatar__fig {
  min-width: 11.9em;
}
.avatar--xxl .avatar__fig, .avatar--xxl--p .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--p-d .avatar__fig {
  max-width: 11.9em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .avatar--xxs .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--t .avatar__fig, .avatar--xxs--t-d .avatar__fig {
    width: 1.7em;
  }
  .avatar--xxs .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--t .avatar__fig, .avatar--xxs--t-d .avatar__fig {
    min-width: 1.7em;
  }
  .avatar--xxs .avatar__fig, .avatar--xxs--p-t .avatar__fig, .avatar--xxs--t .avatar__fig, .avatar--xxs--t-d .avatar__fig {
    max-width: 1.7em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--t .avatar__fig, .avatar--xs--t-d .avatar__fig {
    width: 3.4em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--t .avatar__fig, .avatar--xs--t-d .avatar__fig {
    min-width: 3.4em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-t .avatar__fig, .avatar--xs--t .avatar__fig, .avatar--xs--t-d .avatar__fig {
    max-width: 3.4em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--t .avatar__fig, .avatar--sm--t-d .avatar__fig {
    width: 5.1em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--t .avatar__fig, .avatar--sm--t-d .avatar__fig {
    min-width: 5.1em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-t .avatar__fig, .avatar--sm--t .avatar__fig, .avatar--sm--t-d .avatar__fig {
    max-width: 5.1em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--t .avatar__fig, .avatar--md--t-d .avatar__fig {
    width: 6.8em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--t .avatar__fig, .avatar--md--t-d .avatar__fig {
    min-width: 6.8em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-t .avatar__fig, .avatar--md--t .avatar__fig, .avatar--md--t-d .avatar__fig {
    max-width: 6.8em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--t .avatar__fig, .avatar--lg--t-d .avatar__fig {
    width: 8.5em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--t .avatar__fig, .avatar--lg--t-d .avatar__fig {
    min-width: 8.5em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-t .avatar__fig, .avatar--lg--t .avatar__fig, .avatar--lg--t-d .avatar__fig {
    max-width: 8.5em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--t .avatar__fig, .avatar--xl--t-d .avatar__fig {
    width: 10.2em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--t .avatar__fig, .avatar--xl--t-d .avatar__fig {
    min-width: 10.2em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-t .avatar__fig, .avatar--xl--t .avatar__fig, .avatar--xl--t-d .avatar__fig {
    max-width: 10.2em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--t .avatar__fig, .avatar--xxl--t-d .avatar__fig {
    width: 11.9em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--t .avatar__fig, .avatar--xxl--t-d .avatar__fig {
    min-width: 11.9em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-t .avatar__fig, .avatar--xxl--t .avatar__fig, .avatar--xxl--t-d .avatar__fig {
    max-width: 11.9em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .avatar--xxs .avatar__fig, .avatar--xxs--p-d .avatar__fig, .avatar--xxs--t-d .avatar__fig, .avatar--xxs--d .avatar__fig {
    width: 1.7em;
  }
  .avatar--xxs .avatar__fig, .avatar--xxs--p-d .avatar__fig, .avatar--xxs--t-d .avatar__fig, .avatar--xxs--d .avatar__fig {
    min-width: 1.7em;
  }
  .avatar--xxs .avatar__fig, .avatar--xxs--p-d .avatar__fig, .avatar--xxs--t-d .avatar__fig, .avatar--xxs--d .avatar__fig {
    max-width: 1.7em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-d .avatar__fig, .avatar--xs--t-d .avatar__fig, .avatar--xs--d .avatar__fig {
    width: 3.4em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-d .avatar__fig, .avatar--xs--t-d .avatar__fig, .avatar--xs--d .avatar__fig {
    min-width: 3.4em;
  }
  .avatar--xs .avatar__fig, .avatar--xs--p-d .avatar__fig, .avatar--xs--t-d .avatar__fig, .avatar--xs--d .avatar__fig {
    max-width: 3.4em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-d .avatar__fig, .avatar--sm--t-d .avatar__fig, .avatar--sm--d .avatar__fig {
    width: 5.1em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-d .avatar__fig, .avatar--sm--t-d .avatar__fig, .avatar--sm--d .avatar__fig {
    min-width: 5.1em;
  }
  .avatar--sm .avatar__fig, .avatar--sm--p-d .avatar__fig, .avatar--sm--t-d .avatar__fig, .avatar--sm--d .avatar__fig {
    max-width: 5.1em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-d .avatar__fig, .avatar--md--t-d .avatar__fig, .avatar--md--d .avatar__fig {
    width: 6.8em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-d .avatar__fig, .avatar--md--t-d .avatar__fig, .avatar--md--d .avatar__fig {
    min-width: 6.8em;
  }
  .avatar__fig, .avatar--md .avatar__fig, .avatar--md--p-d .avatar__fig, .avatar--md--t-d .avatar__fig, .avatar--md--d .avatar__fig {
    max-width: 6.8em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-d .avatar__fig, .avatar--lg--t-d .avatar__fig, .avatar--lg--d .avatar__fig {
    width: 8.5em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-d .avatar__fig, .avatar--lg--t-d .avatar__fig, .avatar--lg--d .avatar__fig {
    min-width: 8.5em;
  }
  .avatar--lg .avatar__fig, .avatar--lg--p-d .avatar__fig, .avatar--lg--t-d .avatar__fig, .avatar--lg--d .avatar__fig {
    max-width: 8.5em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-d .avatar__fig, .avatar--xl--t-d .avatar__fig, .avatar--xl--d .avatar__fig {
    width: 10.2em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-d .avatar__fig, .avatar--xl--t-d .avatar__fig, .avatar--xl--d .avatar__fig {
    min-width: 10.2em;
  }
  .avatar--xl .avatar__fig, .avatar--xl--p-d .avatar__fig, .avatar--xl--t-d .avatar__fig, .avatar--xl--d .avatar__fig {
    max-width: 10.2em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-d .avatar__fig, .avatar--xxl--t-d .avatar__fig, .avatar--xxl--d .avatar__fig {
    width: 11.9em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-d .avatar__fig, .avatar--xxl--t-d .avatar__fig, .avatar--xxl--d .avatar__fig {
    min-width: 11.9em;
  }
  .avatar--xxl .avatar__fig, .avatar--xxl--p-d .avatar__fig, .avatar--xxl--t-d .avatar__fig, .avatar--xxl--d .avatar__fig {
    max-width: 11.9em;
  }
}
.avatar--v .avatar__fig {
  margin-inline: auto;
}
.avatar--v .avatar__fig:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.avatar__fig__img {
  display: block;
  border-radius: 15%;
  overflow: hidden;
  background-color: rgb(248.01, 248.07, 248.13);
  aspect-ratio: 1/1;
}
.avatar__fig__img:empty {
  position: relative;
}
.avatar__fig__img:empty::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="b" d="m15.15,100h69.7c.3-9-6.1-15.1-15.2-21.2-9-6-12.1-9.1-12.1-12.1v-3c6.1,0,12.1-3,12.1-12.1,0-27.3-6-33.4-19.6-33.4-13.7,0-19.7,6.1-19.7,33.4,0,9.1,6,12.1,12.1,12.1v3c0,3-3.1,6.1-12.1,12.1-9.1,6.1-15.5,12.2-15.2,21.2Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(215.39, 215.73, 216.07);
}
.avatar--rounded .avatar__fig__img {
  border-radius: 50%;
}
.avatar--mask .avatar__fig__img {
  border-radius: 0;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m100,50c0,8.81191,0,18.56495-3.58981,27.30353-3.58182,8.64728-10.45938,15.52484-19.10666,19.10666-8.73858,3.58981-18.49162,3.58981-27.30353,3.58981h0c-8.81191,0-18.56495,0-27.30353-3.58981-8.64728-3.58182-15.52484-10.45938-19.10666-19.10666C0,68.56495,0,58.81191,0,50h0c0-8.81191,0-18.56495,3.58981-27.30353C7.17163,14.04919,14.04919,7.17163,22.69647,3.58981,31.43505,0,41.18809,0,50,0h0c8.81191,0,18.56495,0,27.30353,3.58981,8.64728,3.58182,15.52484,10.45938,19.10666,19.10666,3.58981,8.73858,3.58981,18.49162,3.58981,27.30353h0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.avatar--bordered .avatar__fig__img {
  border: 0.4rem solid #004098;
}

.avatar__fig__name {
  text-align: center;
}
.avatar__fig__name:not(:first-child) {
  padding-top: calc(var(--margin) * 0.5 * 1);
}
.avatar--h .avatar__fig__name {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}

.avatar--layer .avatar__fig__img {
  position: relative;
  border-radius: 0;
  overflow: visible;
  background-color: transparent;
}
.avatar--layer .avatar__fig__img__item {
  position: absolute;
  left: -12.5%;
  top: -12.5%;
  width: 125%;
}
.avatar--layer .avatar__fig__img__item--front {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m0,0v50h10c0,22.09137,17.90863,40,40,40s40-17.90863,40-40h10V0H0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  z-index: 102;
}
.avatar--layer .avatar__fig__img__item--front img {
  background-color: transparent;
}
.avatar--layer .avatar__fig__img__item--back {
  z-index: 101;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><circle class="b" cx="50" cy="50" r="40"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.avatar--layer--mask .avatar__fig__img__item--front {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m0,0v50h10c0,7.07941.24365,14.76074,3.18231,21.61334,2.94617,6.81146,8.39288,12.25818,15.20435,15.20435,6.8526,2.9386,14.53394,3.18231,21.61334,3.18231s14.76074-.24371,21.61334-3.18231c6.81146-2.94617,12.25818-8.39288,15.20435-15.20435,2.93866-6.8526,3.18231-14.53394,3.18231-21.61334h10V0H0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.avatar--layer--mask .avatar__fig__img__item--back {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m50,10c7.07942,0,14.76071.24368,21.61336,3.1823,6.81147,2.94618,12.25816,8.39286,15.20434,15.20434,2.93862,6.85264,3.18231,14.53396,3.18231,21.61337s-.24368,14.76071-3.18231,21.61335c-2.94617,6.81147-8.39286,12.25815-15.20433,15.20434-6.85264,2.93862-14.53395,3.1823-21.61337,3.1823s-14.76072-.24368-21.61336-3.1823c-6.81147-2.94617-12.25816-8.39287-15.20433-15.20434-2.93862-6.85264-3.1823-14.53396-3.1823-21.61337s.24368-14.76071,3.1823-21.61335c2.94618-6.81147,8.39286-12.25815,15.20433-15.20433,6.85264-2.93862,14.53395-3.1823,21.61337-3.18231Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.avatar__note {
  margin-top: auto;
  margin-bottom: auto;
}
.avatar--h .avatar__note {
  padding-left: var(--margin-width);
}

.avatar__note__name {
  word-break: break-all;
}

.avatar__note__name__id {
  margin-left: 0.5em;
}

.avatar__note__position {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}
.avatar__note__name + .avatar__note__position:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}

.avatar__note__description {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.avatar__note__website {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.avatar__link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.avatar__link > * {
  min-width: 0;
}
.avatar__link > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.avatar__link {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.avatar__link {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.fukidashi:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.fukidashi__box {
  position: relative;
  z-index: 100;
  display: grid;
}
.fukidashi--v .fukidashi__box {
  grid-template-columns: auto;
  grid-template-rows: 0 auto;
}
.fukidashi--h .fukidashi__box {
  grid-template-columns: 0 auto;
  grid-template-rows: auto;
}

.fukidashi__box__tale {
  position: relative;
  color: var(--color-main);
  z-index: 102;
}
.fukidashi--h .fukidashi__box__tale {
  height: 100%;
}
.avatar--h.avatar--xxs .fukidashi--h .fukidashi__box__tale {
  max-height: 1.7em;
}
.avatar--h.avatar--xs .fukidashi--h .fukidashi__box__tale {
  max-height: 3.4em;
}
.avatar--h.avatar--sm .fukidashi--h .fukidashi__box__tale {
  max-height: 5.1em;
}
.avatar--h.avatar--md .fukidashi--h .fukidashi__box__tale {
  max-height: 6.8em;
}
.avatar--h.avatar--lg .fukidashi--h .fukidashi__box__tale {
  max-height: 8.5em;
}
.avatar--h.avatar--xl .fukidashi--h .fukidashi__box__tale {
  max-height: 10.2em;
}
.avatar--h.avatar--xxl .fukidashi--h .fukidashi__box__tale {
  max-height: 11.9em;
}

.fukidashi__box__content {
  position: relative;
  padding: 0.65em 1em;
  border-radius: var(--radius);
  z-index: 101;
}
.fukidashi--border .fukidashi__box__content {
  border: 0.4rem solid var(--color-main);
}
.fukidashi--fill .fukidashi__box__content {
  background-color: var(--color-main);
  color: var(--color-body);
}
.fukidashi--v.fukidashi--separate .fukidashi__box__content {
  padding: 1.65em 0;
}
.fukidashi--v.fukidashi--separate .fukidashi__box__content::before, .fukidashi--v.fukidashi--separate .fukidashi__box__content::after {
  content: "";
  height: 1em;
  width: 100%;
  border: 0.4rem solid var(--color-main);
  position: absolute;
  left: 0;
}
.fukidashi--v.fukidashi--separate .fukidashi__box__content::before {
  border-bottom: 0;
  top: 0;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.fukidashi--v.fukidashi--separate .fukidashi__box__content::after {
  border-top: 0;
  bottom: 0;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.fukidashi--h.fukidashi--separate .fukidashi__box__content {
  padding: 0 2em;
  margin-block: -0.35em;
  min-height: 3.4em;
}
.fukidashi--h.fukidashi--separate .fukidashi__box__content::before, .fukidashi--h.fukidashi--separate .fukidashi__box__content::after {
  content: "";
  width: 1em;
  height: calc(100% - 0.7em);
  border: 0.4rem solid var(--color-main);
  position: absolute;
  top: 0.35em;
}
.fukidashi--h.fukidashi--separate .fukidashi__box__content::before {
  border-right: 0;
  left: 0;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.fukidashi--h.fukidashi--separate .fukidashi__box__content::after {
  border-left: 0;
  right: 0;
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.fukidashi--a .fukidashi__box__tale::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-style: solid;
  border-width: 0.5em;
  border-color: transparent;
  border-left-color: var(--color-main);
  border-top-color: var(--color-main);
}
.avatar--h.avatar--xxs .fukidashi--a .fukidashi__box__tale::before {
  width: 0.425em;
  height: 0.425em;
  border-width: 0.2125em;
}
.fukidashi--a.fukidashi--v .fukidashi__box__tale::before {
  rotate: 45deg;
  translate: 0 calc(-50% + 0.1rem);
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0.1rem;
}
.fukidashi--a.fukidashi--h .fukidashi__box__tale::before {
  rotate: -45deg;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0;
  translate: calc(-50% + 0.1rem) 0;
}

.fukidashi--b .fukidashi__box__tale::before {
  content: "";
  display: block;
  background-color: currentcolor;
}
.fukidashi--b.fukidashi--v .fukidashi__box__tale::before {
  width: 1em;
  height: calc(0.5em + 0.1rem);
  border-top-left-radius: 999.9rem;
  border-top-right-radius: 999.9rem;
  transform: translateY(-100%);
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0.1rem;
}
.fukidashi--b.fukidashi--h .fukidashi__box__tale::before {
  height: 1em;
  width: calc(0.5em + 0.1rem);
  border-top-left-radius: 999.9rem;
  border-bottom-left-radius: 999.9rem;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  right: -0.1rem;
}

.fukidashi--c .fukidashi__box__content {
  border: 0.4rem solid var(--color-main);
}
.fukidashi--c .fukidashi__box__tale::before, .fukidashi--c .fukidashi__box__tale::after {
  content: "";
}
.fukidashi--c .fukidashi__box__tale::before {
  background-color: var(--color-body);
  border-radius: 999.9rem;
}
.fukidashi--c .fukidashi__box__tale::after {
  border-radius: 999.9rem;
  background-color: var(--color-main);
}
.fukidashi--c.fukidashi--v .fukidashi__box {
  grid-template-rows: 1em auto;
}
.fukidashi--c.fukidashi--v .fukidashi__box__content {
  padding-top: 1.65em;
}
.fukidashi--c.fukidashi--v .fukidashi__box__tale::before, .fukidashi--c.fukidashi--v .fukidashi__box__tale::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
}
.fukidashi--c.fukidashi--v .fukidashi__box__tale::before {
  height: calc(2em + 1.2rem);
  width: 1.2rem;
  top: -0.4rem;
}
.fukidashi--c.fukidashi--v .fukidashi__box__tale::after {
  top: 0;
  width: 0.4rem;
  height: calc(2em + 0.4rem);
}
.fukidashi--c.fukidashi--h .fukidashi__box {
  grid-template-columns: 1em auto;
}
.fukidashi--c.fukidashi--h .fukidashi__box__content {
  padding-left: 2em;
}
.fukidashi--c.fukidashi--h .fukidashi__box__tale::before, .fukidashi--c.fukidashi--h .fukidashi__box__tale::after {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
}
.fukidashi--c.fukidashi--h .fukidashi__box__tale::before {
  width: calc(2em + 1.2rem);
  height: 1.2rem;
  left: -0.4rem;
}
.fukidashi--c.fukidashi--h .fukidashi__box__tale::after {
  left: 0;
  height: 0.4rem;
  width: calc(2em + 0.4rem);
}

.fukidashi--svg .fukidashi__box__tale::before {
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 40"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m0,20c0,8.08936,10,2.85974,10,20V0C10,17.14026,0,11.91064,0,20Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  color: var(--color-main);
  background-color: currentcolor;
  width: 0.5em;
  height: 2em;
}
.fukidashi--svg.fukidashi--v .fukidashi__box__tale::before {
  rotate: 90deg;
  top: -1.25em;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
}
.fukidashi--svg.fukidashi--h .fukidashi__box__tale::before {
  right: 0;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
}

:root {
  --gallery__ratio: 56.25%;
}

.gallery {
  z-index: 200;
}

.gallery__item {
  z-index: 105;
  background-color: rgb(248.01, 248.07, 248.13);
}
.gallery__item.is-actived {
  z-index: 110;
}
.gallery__item.is-active, .gallery:not(.is-loaded) .gallery__item:first-child {
  z-index: 115;
}

.gallery__selector,
.gallery__controler__item {
  z-index: 121;
}

.gallery__selector__item {
  z-index: 121;
}

.gallery__selector__item__inner {
  z-index: 122;
}

@media print {
  .gallery__selector,
  .gallery__controler {
    display: none !important;
  }
}

@media print {
  .gallery,
  .gallery__item,
  .gallery__item__inner {
    padding-top: 0 !important;
  }
}

@media print {
  .gallery__item,
  .gallery__item__inner,
  .gallery__item__inner picture,
  .gallery__item__inner img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
}

.gallery {
  position: relative;
  width: 100%;
}
.gallery:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.gallery {
  padding-top: var(--gallery__ratio);
}

.gallery__item {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: none;
  padding-top: 56.25%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .gallery__item {
    padding-top: 56.25%;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .gallery__item {
    padding-top: 56.25%;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .gallery__item {
    padding-top: 56.25%;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .gallery__item {
    padding-top: 56.25%;
  }
}
.gallery:not(.is-loaded) .gallery__item:not(:first-child) {
  opacity: 0;
}

.gallery__item__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery__item__inner__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__item__inner__content > * {
  min-width: 0;
}
.gallery__item__inner__content > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__item__inner__content {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.gallery__item__inner__content__h {
  font-size: 4vw;
  color: var(--color-white);
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.gallery__item__inner__caption {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: var(--color-white);
  padding: 0.65em 1em;
}

.gallery--fade .gallery__item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0s;
  transition-delay: 0.5s;
}
.gallery--fade .gallery__item.is-active {
  transition-duration: 0.5s;
  transition-delay: 0s;
}
.gallery--fade:not(.is-loaded) .gallery__item:first-child,
.gallery--fade .gallery__item:only-child,
.gallery--fade .gallery__item.is-active {
  opacity: 1;
}

.gallery--shift {
  overflow: hidden;
}
.gallery--shift .gallery__item__inner {
  width: calc(100% + var(--margin-width) * 2);
  translate: 0 0;
  transition-property: opacity, translate;
  transition-duration: 0s;
}
.gallery--shift .gallery__item.is-active .gallery__item__inner,
.gallery--shift .gallery__item.is-actived .gallery__item__inner {
  translate: calc(var(--margin-width) * -1) 0;
  transition-duration: 1s;
}
.gallery--shift .gallery__item__inner__content {
  width: calc(100% - var(--margin-width) * 2);
  left: var(--margin-width);
}
.gallery--shift:not(.is-loaded) .gallery__item__inner {
  translate: calc(var(--margin-width) * -1) 0;
}

.gallery--horizontal {
  overflow: hidden;
  z-index: 1;
}
.gallery--horizontal .gallery__item {
  translate: 100% 0;
  transition-property: translate, width;
  transition-duration: 0s;
  width: 100%;
}
.gallery--horizontal .gallery__item.is-active {
  translate: 0 0;
  transition-duration: 1s;
}
.gallery--horizontal .gallery__item.is-actived {
  translate: -50% 0;
  transition-duration: 1s;
  width: 50%;
}
.gallery--horizontal:not(.is-loaded) .gallery__item {
  translate: 0 0;
}

.gallery--vertical {
  overflow: hidden;
}
.gallery--vertical .gallery__item {
  translate: 0 100%;
  transition-property: translate, height;
  transition-duration: 0s;
}
.gallery--vertical .gallery__item.is-active {
  translate: 0 0;
  transition-duration: 0.6s;
}
.gallery--vertical .gallery__item.is-actived {
  translate: 0 -50%;
  transition-duration: 0.6s;
}
.gallery--vertical:not(.is-loaded) .gallery__item {
  translate: 0 0;
}

.gallery--size {
  overflow: hidden;
}
.gallery--size .gallery__item {
  transition-duration: 1s;
  scale: 1.4;
  opacity: 0;
  transition-property: scale, opacity;
}
.gallery--size .gallery__item.is-active, .gallery--size .gallery__item.is-actived {
  opacity: 1;
}
.gallery--size .gallery__item.is-active {
  scale: 1.2;
}
.gallery--size .gallery__item.is-actived {
  background-size: 100% auto;
  opacity: 1;
}
.gallery--size:not(.is-loaded) .gallery__item {
  scale: 1.2;
  opacity: 1;
}

.gallery--clip .gallery__item {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 1.2s;
  transition-property: clip-path;
  transition-delay: 1.2s;
}

.gallery--clip--ellipse .gallery__item {
  clip-path: ellipse(50% 50% at 50% -50%);
}
.gallery--clip--ellipse .gallery__item.is-active {
  transition-delay: 0s;
  clip-path: ellipse(400% 200% at 100% 0%);
}

.gallery--gradient {
  overflow: hidden;
}
.gallery--gradient .gallery__item {
  translate: 0 100%;
  transition-property: translate, width;
  transition-duration: 0s;
  width: 100%;
  overflow: hidden;
}
.gallery--gradient .gallery__item::before, .gallery--gradient .gallery__item::after {
  z-index: 116;
  transition-property: top,bottom,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  right: 0;
}
.gallery--gradient .gallery__item::before {
  transition-duration: 2s;
  top: 0;
  background-image: linear-gradient(to top, rgba(0, 64, 152, 0) 0%, rgba(0, 64, 152, 0) 30%, #004098 50%, #004098 100%);
}
.gallery--gradient .gallery__item::after {
  transition-duration: 0.5s;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 64, 152, 0) 0%, rgba(0, 64, 152, 0) 30%, #004098 50%, #004098 100%);
}
.gallery--gradient .gallery__item.is-active {
  translate: 0 0;
  transition-duration: 1s;
}
.gallery--gradient .gallery__item.is-active::before {
  top: -140%;
}
.gallery--gradient .gallery__item.is-active::after {
  bottom: -100%;
}
.gallery--gradient .gallery__item.is-actived {
  translate: 0 -80%;
  transition-duration: 1s;
}
.gallery--gradient .gallery__item.is-actived::before {
  top: 100%;
}
.gallery--gradient .gallery__item.is-actived::after {
  bottom: 0;
}
.gallery--gradient:not(.is-loaded) .gallery__item {
  translate: 0 0;
}

:root {
  --gallery__controler__item__size: 3em;
}

.gallery__controler {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  overflow: hidden;
  padding-top: var(--gallery__ratio);
}

.gallery__controler__item {
  background-color: var(--color-body);
  position: absolute;
  top: 50%;
  box-sizing: content-box;
  translate: 0 -50%;
  transition-property: width,color,background-color,opacity,translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  width: var(--gallery__controler__item__size);
  height: var(--gallery__controler__item__size);
}
@media (hover: hover) {
  .gallery__controler__item {
    opacity: 0;
  }
}
@media (hover: hover) {
  .gallery__controler__item:hover {
    translate: 0 -50%;
    opacity: 1;
    width: calc(var(--gallery__controler__item__size) + 1em);
  }
}
.gallery__controler__item:focus-visible, .gallery__controler__item.is-hover {
  translate: 0 -50%;
  opacity: 1;
  width: calc(var(--gallery__controler__item__size) + 1em);
}
html.un-touched .gallery__controler__item:focus-visible {
  outline: 0 !important;
}
.gallery__controler__item:focus-visible {
  transition-property: color, background-color, opacity;
}
.gallery__controler__item .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.gallery__controler__item--prev {
  left: 0;
}
@media (hover: hover) {
  .gallery__controler__item--prev {
    translate: -100% -50%;
  }
}

.gallery__controler__item--next {
  right: 0;
}
@media (hover: hover) {
  .gallery__controler__item--next {
    translate: 100% -50%;
  }
}

@media (hover: hover) {
  .gallery__item:hover ~ .gallery__controler .gallery__controler__item {
    translate: 0 -50%;
    opacity: 1;
  }
}

.gallery__controler:has(.gallery__controler__item:hover) .gallery__controler__item {
  translate: 0 -50%;
  opacity: 1;
}

.gallery__selector {
  width: 100%;
  position: relative;
}

.gallery__selector--involve {
  position: absolute;
  left: 0;
}

.gallery__selector__item {
  position: relative;
}

a.gallery__selector__item.is-active {
  pointer-events: none;
}

.gallery:not(.is-loaded) a.gallery__selector__item:first-child:hover,
a.gallery__selector__item.is-active:hover {
  cursor: default;
}

.gallery__selector__item__inner {
  display: block;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.gallery__selector__playPause {
  height: 100%;
  position: relative;
  aspect-ratio: 1/1;
}
.gallery__selector__playPause::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  background-color: rgb(215.39, 215.73, 216.07);
  width: 2.1rem 2.1rem;
  height: 2.1rem 2.1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 42"><defs><style>.b{stroke-width:0px;}</style></defs><polygon class="b" points="6 38 6 25 17 31.5 6 38"/><rect class="b" x="6" y="4" width="3" height="13"/><rect class="b" x="12" y="4" width="3" height="13"/></svg>');
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: 100% 200%;
}
.gallery--autoplay .gallery__selector__playPause::before {
  mask-position: center top;
}

.gallery__selector--dot {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--dot > * {
  min-width: 0;
}
.gallery__selector--dot > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--dot {
  -webkit-justify-content: center;
  justify-content: center;
  height: 1.7em;
  margin-top: 0.85em;
}
.gallery__selector--dot.gallery__selector--involve {
  margin-top: 0;
  bottom: 1.45em;
}
.gallery__selector--dot .gallery__selector__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--dot .gallery__selector__item > * {
  min-width: 0;
}
.gallery__selector--dot .gallery__selector__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--dot .gallery__selector__item {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.gallery__selector--dot .gallery__selector__item {
  width: 1.7em;
}
.gallery__selector--dot .gallery__selector__item {
  height: 1.7em;
}
.gallery__selector--dot .gallery__selector__item:focus-visible {
  border-radius: 999.9rem;
}
.gallery__selector--dot .gallery__selector__item__inner {
  width: 0.5em;
}
.gallery__selector--dot .gallery__selector__item__inner {
  height: 0.5em;
}
.gallery__selector--dot .gallery__selector__item__inner {
  background-color: rgb(215.39, 215.73, 216.07);
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  border-radius: 999.9rem;
  transition-property: background-color;
}

.gallery__selector--dot .gallery__selector__item.is-active .gallery__selector__item__inner {
  background-color: var(--color-main);
}

.gallery:not(.is-loaded) .gallery__selector--dot .gallery__selector__item:first-child .gallery__selector__item__inner {
  background-color: var(--color-main);
}

@media (hover: hover) {
  .gallery__selector--dot a.gallery__selector__item:hover .gallery__selector__item__inner {
    background-color: var(--color-main);
  }
}
.gallery__selector--dot a.gallery__selector__item:focus-visible .gallery__selector__item__inner {
  background-color: var(--color-main);
}

.gallery__selector--worm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--worm > * {
  min-width: 0;
}
.gallery__selector--worm > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--worm {
  -webkit-justify-content: center;
  justify-content: center;
  height: 1em;
  margin-top: 1.2em;
}
.gallery__selector--worm.gallery__selector--involve {
  margin-top: 0;
  bottom: 1.45em;
}
.gallery__selector--worm .gallery__selector__item {
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--worm .gallery__selector__item > * {
  min-width: 0;
}
.gallery__selector--worm .gallery__selector__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--worm .gallery__selector__item {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.gallery__selector--worm .gallery__selector__item {
  width: 1em;
}
.gallery__selector--worm .gallery__selector__item {
  height: 1em;
}
.gallery__selector--worm .gallery__selector__item:focus-visible {
  border-radius: 999.9rem;
}
.gallery__selector--worm .gallery__selector__item__inner {
  width: 0.5em;
}
.gallery__selector--worm .gallery__selector__item__inner {
  height: 0.5em;
}
.gallery__selector--worm .gallery__selector__item__inner {
  background-color: rgb(215.39, 215.73, 216.07);
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  border-radius: 999.9rem;
  transition-property: background-color, width;
}

.gallery__selector--worm .gallery__selector__item.is-active {
  width: 3em;
}
.gallery__selector--worm .gallery__selector__item.is-active .gallery__selector__item__inner {
  background-color: var(--color-main);
  width: 2.5em;
}

.gallery:not(.is-loaded) .gallery__selector--worm .gallery__selector__item:first-child .gallery__selector__item__inner {
  background-color: var(--color-main);
}

@media (hover: hover) {
  .gallery__selector--worm a.gallery__selector__item:hover .gallery__selector__item__inner {
    background-color: var(--color-main);
  }
}
.gallery__selector--worm a.gallery__selector__item:focus-visible .gallery__selector__item__inner {
  background-color: var(--color-main);
}

.gallery__selector--bamboo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--bamboo > * {
  min-width: 0;
}
.gallery__selector--bamboo > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--bamboo {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 1em;
  margin-top: 1.2em;
}
.gallery__selector--bamboo.gallery__selector--involve {
  margin-top: 0;
  bottom: 1.575em;
}
.gallery__selector--bamboo .gallery__selector__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--bamboo .gallery__selector__item > * {
  min-width: 0;
}
.gallery__selector--bamboo .gallery__selector__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--bamboo .gallery__selector__item {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.gallery__selector--bamboo .gallery__selector__item {
  width: 1em;
}
.gallery__selector--bamboo .gallery__selector__item {
  height: 1em;
}
.gallery__selector--bamboo .gallery__selector__item:focus-visible {
  border-radius: 999.9rem;
}
.gallery__selector--bamboo .gallery__selector__item__inner {
  transition-property: height, background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.gallery__selector--bamboo .gallery__selector__item__inner {
  width: 0.25em;
}
.gallery__selector--bamboo .gallery__selector__item__inner {
  height: 0.25em;
}
.gallery__selector--bamboo .gallery__selector__item__inner {
  background-color: rgb(215.39, 215.73, 216.07);
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  border-radius: 999.9rem;
}

.gallery__selector--bamboo .gallery__selector__item.is-active .gallery__selector__item__inner {
  background-color: var(--color-main);
  height: 1.25em;
}

.gallery:not(.is-loaded) .gallery__selector--bamboo .gallery__selector__item:first-child .gallery__selector__item__inner {
  background-color: var(--color-main);
}

@media (hover: hover) {
  .gallery__selector--bamboo a.gallery__selector__item:hover .gallery__selector__item__inner {
    background-color: var(--color-main);
  }
}
.gallery__selector--bamboo a.gallery__selector__item:focus-visible .gallery__selector__item__inner {
  background-color: var(--color-main);
}

.gallery__selector--line {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--line > * {
  min-width: 0;
}
.gallery__selector--line > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--line {
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: calc(1.7em - (1em - 0.2rem) * 0.5);
}
.gallery__selector--line.gallery__selector--involve {
  margin-top: 0;
  bottom: calc(1.7em - (1em - 0.2rem) * 0.5);
}
.gallery__selector--line .gallery__selector__item {
  width: 10%;
  background-color: rgb(229.37, 229.59, 229.81);
  background-clip: content-box;
  -webkit-background-clip: content-box;
  transition-property: background-color;
  height: 1em;
  padding-top: calc((1em - 0.2rem) * 0.5);
  padding-bottom: calc((1em - 0.2rem) * 0.5);
  margin-inline: 0.5em;
}
.gallery__selector--line .gallery__selector__item:focus-visible {
  border-radius: 999.9rem;
}
.gallery__selector--line .gallery__selector__item__inner {
  transition-property: none;
  width: 0;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0;
  height: 0.2rem;
}
.gallery__selector--line .gallery__selector__item.is-active .gallery__selector__item__inner {
  background-color: var(--color-main);
  width: 100%;
  transition-property: width;
  left: 0;
}
.gallery--autoplay .gallery__selector--line .gallery__selector__item.is-active .gallery__selector__item__inner {
  transition-duration: 0.5s;
}
.gallery__selector--line .gallery__selector__item.is-actived .gallery__selector__item__inner {
  background-color: var(--color-main);
  width: 0;
  transition-property: width, left;
  left: 100%;
}
.gallery--autoplay .gallery__selector--line .gallery__selector__item.is-actived .gallery__selector__item__inner {
  transition-duration: 0.6s !important;
}

.gallery:not(.is-loaded) .gallery__selector--line a.gallery__selector__item:first-child .gallery__selector__item__inner {
  background-color: var(--color-main);
  width: 100%;
}

@media (hover: hover) {
  .gallery__selector--line a.gallery__selector__item:hover {
    background-color: rgb(189.76, 190.32, 190.88);
  }
}
.gallery__selector--line a.gallery__selector__item:focus-visible, .gallery__selector--line a.gallery__selector__item.is-hover {
  background-color: rgb(189.76, 190.32, 190.88);
}

.gallery__selector--bar {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  position: relative;
}
.gallery__selector--bar {
  height: 0.2rem;
}
.gallery__selector--bar.gallery__selector--involve {
  bottom: 0;
  position: absolute;
}
.gallery__selector--bar .gallery__selector__item {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.gallery__selector--bar .gallery__selector__item__inner {
  height: 100%;
  width: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background-color: var(--color-main);
  transition-property: width;
}
.gallery__selector--bar .gallery__selector__item.is-actived .gallery__selector__item__inner {
  transition-duration: 0s !important;
  width: 0;
}
.gallery__selector--bar .gallery__selector__item.is-active .gallery__selector__item__inner {
  transition-duration: 0.5s;
  width: 100%;
}

.gallery__selector--image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--image > * {
  min-width: 0;
}
.gallery__selector--image > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--image > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.gallery__selector--image .gallery__selector__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition-property: opacity,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background-color: var(--color-body);
  opacity: 0;
}
.gallery__selector--image .gallery__selector__item.is-active::before {
  opacity: 0.4;
}
@media (hover: hover) {
  .gallery__selector--image a.gallery__selector__item:hover::before {
    opacity: 0.4;
  }
}
.gallery__selector--image a.gallery__selector__item:focus-visible::before, .gallery__selector--image a.gallery__selector__item.is-hover::before {
  opacity: 0.4;
}
html.un-touched .gallery__selector--image a.gallery__selector__item:focus-visible {
  outline: 0 !important;
}
.gallery__selector--image a.gallery__selector__item:focus-visible::before {
  background-color: rgba(0, 64, 152, 0.6);
}
.gallery__selector--image .gallery__selector__item__inner {
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.gallery__selector--image .gallery__selector__item__inner {
  padding-top: 56.25%;
}

.gallery__selector--nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--nav > * {
  min-width: 0;
}
.gallery__selector--nav > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--nav {
  -webkit-justify-content: center;
  justify-content: center;
}
.gallery__selector--nav {
  height: 3.8rem;
}
.gallery__selector--nav.gallery__selector--involve {
  bottom: 0;
}
.gallery__selector--nav .gallery__selector__item {
  background-color: var(--color-figure);
  color: var(--color-body);
  position: relative;
}
.gallery__selector--nav .gallery__selector__item {
  width: 3.8rem;
}
.gallery__selector--nav .gallery__selector__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: none;
}
.gallery__selector--nav .gallery__selector__item.is-active::before {
  background-color: var(--color-main);
}
.gallery--horizontal .gallery__selector--nav .gallery__selector__item::before, .gallery--shift .gallery__selector--nav .gallery__selector__item::before {
  left: -100%;
  transition-property: left;
}
.gallery--horizontal .gallery__selector--nav .gallery__selector__item.is-active::before, .gallery--shift .gallery__selector--nav .gallery__selector__item.is-active::before {
  left: 0;
  background-color: var(--color-main);
}
.gallery--horizontal .gallery__selector--nav .gallery__selector__item.is-actived::before, .gallery--shift .gallery__selector--nav .gallery__selector__item.is-actived::before {
  left: 100%;
  background-color: var(--color-main);
}
.gallery--fade:not(.gallery--shift) .gallery__selector--nav .gallery__selector__item::before, .gallery--size:not(.gallery--shift) .gallery__selector--nav .gallery__selector__item::before {
  transition-property: background-color;
  transition-duration: 0.25s;
}
.gallery--fade:not(.gallery--shift) .gallery__selector--nav .gallery__selector__item.is-active::before, .gallery--size:not(.gallery--shift) .gallery__selector--nav .gallery__selector__item.is-active::before {
  transition-duration: 0.5s;
}
.gallery__selector--nav .gallery__selector__item:focus-visible {
  outline-offset: 0;
  z-index: 123;
}
.gallery__selector--nav .gallery__selector__item__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery__selector--nav .gallery__selector__item__inner .icon, .gallery__selector--nav .gallery__selector__item__inner svg {
  position: absolute;
  margin: auto;
  inset: 0;
}

.gallery__selector--number {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.gallery__selector--number > * {
  min-width: 0;
}
.gallery__selector--number > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.gallery__selector--number {
  -webkit-justify-content: center;
  justify-content: center;
}
.gallery__selector--number a, .gallery__selector--number button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .gallery__selector--number a:hover, .gallery__selector--number button:hover {
    text-decoration-line: none;
  }
}
.gallery__selector--number a:focus-visible, .gallery__selector--number a.is-hover, .gallery__selector--number button:focus-visible, .gallery__selector--number button.is-hover {
  text-decoration-line: none;
}
.gallery__selector--number a, .gallery__selector--number button {
  color: inherit;
}
@media (hover: hover) {
  .gallery__selector--number a:hover, .gallery__selector--number button:hover {
    color: inherit;
  }
}
.gallery__selector--number a:focus-visible, .gallery__selector--number a.is-hover, .gallery__selector--number button:focus-visible, .gallery__selector--number button.is-hover {
  color: inherit;
}
.gallery__selector--number {
  text-align: center;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
  color: var(--color-figure);
}
.gallery__selector--number.gallery__selector--involve {
  bottom: 0;
  right: 0;
  position: absolute;
}
.gallery__selector--number.gallery__selector--involve a, .gallery__selector--number.gallery__selector--involve button {
  color: var(--color-body);
}
@media (hover: hover) {
  .gallery__selector--number.gallery__selector--involve a:hover, .gallery__selector--number.gallery__selector--involve button:hover {
    color: var(--color-body);
  }
}
.gallery__selector--number.gallery__selector--involve a:focus-visible, .gallery__selector--number.gallery__selector--involve a.is-hover, .gallery__selector--number.gallery__selector--involve button:focus-visible, .gallery__selector--number.gallery__selector--involve button.is-hover {
  color: var(--color-body);
}
.gallery__selector--number .gallery__selector__item {
  width: 2.2rem;
}
.gallery__selector--number .gallery__selector__item::before {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  left: auto;
  height: 0.2rem;
  background-color: var(--color-body);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width;
}
.gallery__selector--number .gallery__selector__item::after {
  content: attr(aria-label);
}
.gallery__selector--number .gallery__selector__item.is-active {
  color: var(--color-main);
}
.gallery__selector--number .gallery__selector__item.is-active::before {
  left: 0;
  right: auto;
  width: 100%;
}
html.un-touched .gallery__selector--number .gallery__selector__item:focus-visible {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}
.gallery__selector--number:not(.gallery__selector--involve) .gallery__selector__item {
  padding-top: 1.7em;
}
.gallery__selector--number:not(.gallery__selector--involve) .gallery__selector__item::before {
  top: -0.2rem;
}
.gallery__selector--number.gallery__selector--involve .gallery__selector__item {
  padding-bottom: 1.7em;
}
.gallery__selector--number.gallery__selector--involve .gallery__selector__item::before {
  bottom: 0;
}

.gallery:not(.is-loaded) .gallery__selector--number .gallery__selector__item:first-child {
  color: var(--color-main);
}
.gallery:not(.is-loaded) .gallery__selector--number .gallery__selector__item:first-child::before {
  left: 0;
  right: auto;
  width: 100%;
}

@media (hover: hover) {
  .gallery__selector--number a.gallery__selector__item:hover {
    color: rgb(0, 51.2, 121.6);
  }
}
.gallery__selector--number a.gallery__selector__item:focus-visible, .gallery__selector--number a.gallery__selector__item.is-hover {
  color: rgb(0, 51.2, 121.6);
}

.loop-image {
  width: 100%;
  aspect-ratio: 16/9;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 200% auto;
}
.loop-image--left:not(.js__inview) {
  animation: loop-image--left 40s infinite linear;
}
.loop-image--right:not(.js__inview) {
  animation: loop-image--right 40s infinite linear;
}
.loop-image--left.js__inview.loop-image--inview.is-activing {
  animation: loop-image--left 40s infinite linear;
}
.loop-image--right.js__inview.loop-image--inview.is-activing {
  animation: loop-image--right 40s infinite linear;
}
.loop-image--left.loop-image--jump.js__inview.is-active {
  animation: loop-image--intro--left 1s 1 cubic-bezier(0.16, 1, 0.3, 1), loop-image--left 40s infinite linear 1s;
}
.loop-image--right.loop-image--jump.js__inview.is-active {
  animation: loop-image--intro--right 1s 1 cubic-bezier(0.16, 1, 0.3, 1), loop-image--right 40s infinite linear 1s;
}
@media (hover: hover) {
  .loop-image:hover {
    animation-play-state: paused !important;
  }
}

@keyframes loop-image--intro--left {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 600% 0;
  }
}
@keyframes loop-image--left {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes loop-image--intro--right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -600% 0;
  }
}
@keyframes loop-image--right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.loop-fig {
  position: relative;
  overflow: hidden;
}

.loop-fig__inner {
  padding-top: 0;
  animation: loop-fig 10s infinite linear;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 15.6rem;
  width: 327.3442622951rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .loop-fig__inner {
    height: 21.6rem;
    width: 453.2459016393rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .loop-fig__inner {
    height: 26.4rem;
    width: 553.9672131148rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .loop-fig__inner {
    height: 31.2rem;
    width: 654.6885245902rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .loop-fig__inner {
    height: 31.2rem;
    width: 654.6885245902rem;
  }
}

@keyframes loop-fig {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.loop-image--typo--sinra {
  padding: 0;
  background-size: 63.18rem 5.2rem;
  height: 5.2rem;
  animation: loop-image--typo--p 20s infinite linear;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .loop-image--typo--sinra {
    background-size: 87.48rem 7.2rem;
    height: 7.2rem;
    animation-name: loop-image--typo--t-sm;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .loop-image--typo--sinra {
    background-size: 106.92rem 8.8rem;
    height: 8.8rem;
    animation-name: loop-image--typo--t-lg;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .loop-image--typo--sinra {
    background-size: 126.36rem 10.4rem;
    height: 10.4rem;
    animation-name: loop-image--typo--d;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .loop-image--typo--sinra {
    background-size: 126.36rem 10.4rem;
    height: 10.4rem;
    animation-name: loop-image--typo--w;
  }
}

@keyframes loop-image--typo--p {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -63.18rem 0;
  }
}
@keyframes loop-image--typo--t-sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -87.48rem 0;
  }
}
@keyframes loop-image--typo--t-lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -106.92rem 0;
  }
}
@keyframes loop-image--typo--d {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -126.36rem 0;
  }
}
@keyframes loop-image--typo--w {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -126.36rem 0;
  }
}
.loop-logo {
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  animation: loop-logo 10s infinite linear;
}

.loop-logo__item {
  width: 25%;
  display: inline-block;
  padding-left: 2rem;
  padding-right: 2rem;
  vertical-align: middle;
}

@keyframes loop-logo {
  0% {
    translate: 0% 0;
  }
  100% {
    translate: -100% 0;
  }
}
.slide {
  z-index: 200;
  overflow: hidden;
  position: relative;
  padding-bottom: var(--margin-section);
}

.slide__inner {
  z-index: 202;
}

.slide__inner__inner {
  z-index: 202;
}

.slide__item {
  z-index: 203;
}
.slide__selector,
.slide__controler__item {
  z-index: 210;
}

.slide__selector__item {
  z-index: 215;
}

.slide__selector__item__inner {
  z-index: 220;
}

.slide__inner {
  margin-inline: auto;
  position: relative;
}
.slide__inner {
  width: calc(100% - 8.4rem);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .slide__inner {
    width: calc(100% - 9.2rem);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .slide__inner {
    width: calc(100% - 22rem);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .slide__inner {
    width: calc(100% - 22rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .slide__inner {
    width: calc(100% - 44rem);
  }
}

.slide__inner__inner {
  margin-inline: auto;
  position: relative;
}
.slide__inner__inner {
  padding-top: 56.25%;
}

.slide__item {
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: left, top, opacity;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.slide__item {
  padding-top: 56.25%;
}

.slide__item {
  left: 200%;
}
.slide.is-loaded .slide__item {
  transition-duration: 0.6s;
}
.slide__item, .slide__item.is-wait, .slide__item.is-after {
  opacity: 0;
}
.slide__item.is-ready, .slide__item.is-active, .slide__item.is-actived {
  opacity: 1;
}
.slide__item.is-ready {
  left: calc(100% + 2.1rem);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .slide__item.is-ready {
    left: calc(100% + 2.3rem);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .slide__item.is-ready {
    left: calc(100% + 5.5rem);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .slide__item.is-ready {
    left: calc(100% + 5.5rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .slide__item.is-ready {
    left: calc(100% + 11rem);
  }
}
.slide__item.is-active {
  left: 0;
}
.slide__item.is-actived {
  left: calc(-100% - 2.1rem);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .slide__item.is-actived {
    left: calc(-100% - 2.3rem);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .slide__item.is-actived {
    left: calc(-100% - 5.5rem);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .slide__item.is-actived {
    left: calc(-100% - 5.5rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .slide__item.is-actived {
    left: calc(-100% - 11rem);
  }
}
.slide__item.is-ready, .slide__item.is-actived {
  top: var(--margin-section);
}
.slide__item.is-after {
  left: -200%;
}

.slide__controler {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.slide__controler > * {
  min-width: 0;
}
.slide__controler > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.slide__controler > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.slide__controler {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slide__controler__item {
  position: relative;
  height: 100%;
}
.slide__controler__item .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

:root {
  --googlemap_height: 66.6666666667%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --googlemap_height: 50%;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --googlemap_height: 33.3333333333%;
  }
}

.googlemap {
  width: 100%;
  height: 0;
  padding-top: var(--googlemap_height);
  background-color: #e5e3df;
}
.googlemap:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.googlemap a[target=_blank] {
  background: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.googlemap img {
  min-width: inherit !important;
  max-width: inherit !important;
  outline: none !important;
}
.googlemap img::after {
  display: none !important;
}
.googlemap label {
  width: auto !important;
  display: inline !important;
}
.googlemap img {
  min-width: inherit !important;
}
.googlemap button {
  min-height: inherit !important;
}

.graph-draw {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.graph-draw > * {
  min-width: 0;
}
.graph-draw > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.graph-draw > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.graph-bar {
  display: grid;
}
.graph-bar {
  grid-template-columns: 1fr;
}
.graph-bar {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
@media print, screen and (min-width: 843.02px) {
  .graph-bar {
    grid-template-columns: auto 1fr;
  }
}
@media print, screen and (min-width: 843.02px) {
  .graph-bar__item__key {
    grid-column: 1/2;
  }
}

@media print, screen and (min-width: 843.02px) {
  .graph-bar__item__bar {
    grid-column: 2/3;
  }
}

.graph-bar__item__key {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  line-height: 1.7;
}

.graph-bar__item__bar {
  height: 1.7em;
  padding-right: 3em;
}
.graph-bar__item__bar + .graph-bar__item__bar {
  margin-top: calc(var(--margin) * -1);
}
.graph-bar--wide .graph-bar__item__bar {
  height: 2.7em;
  padding-right: 0;
}
.graph-bar--replace .graph-bar__item__bar {
  height: initial;
}

.graph-bar__item__bar--red .graph-bar__item__bar__inner__animate {
  background-color: #a61955;
}

.graph-bar__item__bar--green .graph-bar__item__bar__inner__animate {
  background-color: #008B50;
}

.graph-bar__item__bar__inner {
  display: block;
  height: 1.7em;
  min-width: 0.1rem;
  position: relative;
  color: var(--color-main);
}
.graph-bar--wide .graph-bar__item__bar__inner {
  height: 2.7em;
}
.graph-bar--replace .graph-bar__item__bar__inner {
  height: initial;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.graph-bar--replace .graph-bar__item__bar__inner > * {
  min-width: 0;
}
.graph-bar--replace .graph-bar__item__bar__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.graph-bar--replace .graph-bar__item__bar__inner {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.graph-bar__item__bar__inner__fig {
  display: inline-block;
  position: relative;
  color: currentcolor;
}
.graph-bar__item__bar__inner__fig .icon {
  display: inline-block;
}
.graph-bar__item__bar__inner__fig--1 .icon:first-child {
  width: 0.1em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--1 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--2 .icon:first-child {
  width: 0.2em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--2 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--3 .icon:first-child {
  width: 0.3em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--3 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--4 .icon:first-child {
  width: 0.4em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--4 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--5 .icon:first-child {
  width: 0.5em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--5 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--6 .icon:first-child {
  width: 0.6em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--6 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--7 .icon:first-child {
  width: 0.7em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--7 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--8 .icon:first-child {
  width: 0.8em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--8 .icon:last-child {
  opacity: 0.2;
}
.graph-bar__item__bar__inner__fig--9 .icon:first-child {
  width: 0.9em;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bar__item__bar__inner__fig--9 .icon:last-child {
  opacity: 0.2;
}

.graph-bar__item__bar__inner__animate {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--color-main);
}
.graph-bar.js__inview .graph-bar__item__bar__inner__animate {
  transition-property: width,property;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  width: 0%;
  opacity: 0;
}
.graph-bar.is-active .graph-bar__item__bar__inner__animate {
  width: 100%;
  opacity: 1;
}

.graph-bar__item__bar__inner__val {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  width: 3em;
  right: -3em;
  padding-left: 0.4em;
  color: var(--color-figure);
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1;
  height: 1em;
}
.graph-bar--wide .graph-bar__item__bar__inner__val {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  font-size: 2.7em;
  width: initial;
  text-align: center;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.explanatory-notes {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.explanatory-notes__item {
  position: relative;
  padding-left: 1.4em;
}
.explanatory-notes__item::before {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.explanatory-notes__item:nth-child(12n+1)::before {
  background-color: #a61955;
}
.explanatory-notes__item:nth-child(12n+2)::before {
  background-color: #F06595;
}
.explanatory-notes__item:nth-child(12n+3)::before {
  background-color: #9F4CDB;
}
.explanatory-notes__item:nth-child(12n+4)::before {
  background-color: #845EF7;
}
.explanatory-notes__item:nth-child(12n+5)::before {
  background-color: #4C6EF5;
}
.explanatory-notes__item:nth-child(12n+6)::before {
  background-color: #004098;
}
.explanatory-notes__item:nth-child(12n+7)::before {
  background-color: #22B8CF;
}
.explanatory-notes__item:nth-child(12n+8)::before {
  background-color: #20C997;
}
.explanatory-notes__item:nth-child(12n+9)::before {
  background-color: #008B50;
}
.explanatory-notes__item:nth-child(12n+10)::before {
  background-color: #94D82D;
}
.explanatory-notes__item:nth-child(12n+11)::before {
  background-color: #FFD43B;
}
.explanatory-notes__item:nth-child(12n+0)::before {
  background-color: #FF922B;
}

.graph-proportion {
  position: relative;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  line-height: 1.7;
  display: block;
  padding-bottom: 1.7em;
}

.graph-proportion-bar {
  display: table;
  width: 100%;
}

.graph-proportion-bar__caption {
  text-align: right;
  margin-bottom: 1em;
}
.graph-proportion-bar__caption span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.graph-proportion-bar__td__bar__inner__str,
.graph-proportion-bar__td__key__percent {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
}

.graph-proportion-bar__td__key__percent {
  font-size: 0.9rem;
}

.graph-proportion-bar__tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.graph-proportion-bar__tr > * {
  min-width: 0;
}
.graph-proportion-bar__tr > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.graph-proportion-bar__tr {
  flex-direction: row-reverse;
}

.graph-proportion-bar__td {
  position: relative;
}
.graph-proportion-bar__td:nth-last-child(12n+1) {
  color: #a61955;
}
.graph-proportion-bar__td:nth-last-child(12n+2) {
  color: #F06595;
}
.graph-proportion-bar__td:nth-last-child(12n+3) {
  color: #9F4CDB;
}
.graph-proportion-bar__td:nth-last-child(12n+4) {
  color: #845EF7;
}
.graph-proportion-bar__td:nth-last-child(12n+5) {
  color: #4C6EF5;
}
.graph-proportion-bar__td:nth-last-child(12n+6) {
  color: #004098;
}
.graph-proportion-bar__td:nth-last-child(12n+7) {
  color: #22B8CF;
}
.graph-proportion-bar__td:nth-last-child(12n+8) {
  color: #20C997;
}
.graph-proportion-bar__td:nth-last-child(12n+9) {
  color: #008B50;
}
.graph-proportion-bar__td:nth-last-child(12n+10) {
  color: #94D82D;
}
.graph-proportion-bar__td:nth-last-child(12n+11) {
  color: #FFD43B;
}
.graph-proportion-bar__td:nth-last-child(12n+0) {
  color: #FF922B;
}

.graph-proportion-bar__td__bar {
  display: block;
}

.graph-proportion-bar__td__bar__inner__animate {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background-color: currentcolor;
}

.graph-proportion-bar__td__bar__inner__str {
  color: #ffffff;
  padding-left: 0.4em;
  padding-right: 0.4em;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.graph-proportion.is-active .graph-proportion-bar__td__bar__inner__str {
  opacity: 1;
}
.graph-proportion-bar__td--hidden .graph-proportion-bar__td__bar__inner__str {
  color: transparent;
}

.graph-proportion-bar__td__key {
  display: block;
  padding-top: 1em;
  position: relative;
  z-index: 101;
  opacity: 0;
  transition-property: opacity,padding-top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.graph-proportion-bar__td__key::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4rem;
  width: 0.1rem;
  height: calc(100% - 0.4rem);
  background-color: rgba(22, 24, 26, 0.11);
  z-index: 102;
}
.graph-proportion.is-active .graph-proportion-bar__td__key {
  opacity: 1;
}
.graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 2.7em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 4.4em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 6.1em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 7.8em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 9.5em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 11.2em;
}
.graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow + .graph-proportion-bar__td--overflow .graph-proportion-bar__td__key {
  padding-top: 12.9em;
}

.graph-proportion-bar__td__key__str {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 103;
  padding-right: 1em;
}

.graph-proportion-bar__td__key__str__aux {
  display: none;
}
.graph-proportion-bar__td--hidden .graph-proportion-bar__td__key__str__aux {
  display: inline;
}

.graph-donut {
  position: relative;
  width: 100%;
  padding-top: 100%;
  pointer-events: none;
}

.graph-donut__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  translate: -25% -25%;
  fill: none;
}

.graph-donut__svg__elem {
  transform-origin: center;
}

.graph-donut__svg__elem--stroke {
  transition-property: stroke-dasharray;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0.3s;
}

.graph-donut__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.graph-donut__inner > * {
  min-width: 0;
}
.graph-donut__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.graph-donut__inner {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 1/1;
}
.graph-donut__inner .icon-font_svg {
  position: absolute;
  margin: auto;
  inset: 0;
  width: 50%;
}
.graph-donut__inner .str_svg {
  position: absolute;
  margin: auto;
  inset: 0;
}
.graph-donut__inner .str_svg svg {
  position: absolute;
  margin: auto;
  inset: 0;
}

.graph-donut__bottom {
  text-align: center;
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
  margin-top: 0.7em;
}

.graph-donut__offset {
  text-align: center;
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  translate: 0 20%;
}
.graph-donut__offset .icon-font_svg {
  width: 30%;
  margin-inline: auto;
}

.graph-radarchart {
  pointer-events: none;
}
.graph-radarchart:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.graph-radarchart__inner {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
}
.graph-radarchart__inner svg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.graph-radarchart__svg--elem {
  scale: 0;
  transition-property: transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.graph-radarchart__svg--elem + .graph-radarchart__svg--elem {
  transition-duration: 0.5s;
  transition-delay: 0.15s;
}
.graph-radarchart.is-active .graph-radarchart__svg--elem, .graph-radarchart:not(.js__inview) .graph-radarchart__svg--elem, html.no-js .graph-radarchart__svg--elem {
  scale: 1;
}
.graph-radarchart__svg--elem:not([class^=fill-opacity--]):not([class*=" fill-opacity--"]) {
  fill-opacity: 0.5;
}

.graph-radarchart__svg--bg {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  opacity: 0.1;
  fill: none;
  stroke: rgb(189.76, 190.32, 190.88);
}
.graph-radarchart.is-active .graph-radarchart__svg--bg, .graph-radarchart:not(.js__inview) .graph-radarchart__svg--bg, html.no-js .graph-radarchart__svg--bg {
  opacity: 1;
}
.graph-radarchart__svg--bg .graph-radarchart__bg__scale_dot {
  fill: rgb(189.76, 190.32, 190.88);
  stroke: none;
}

.anchorlist {
  column-count: 1;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .anchorlist {
    column-count: 2;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .anchorlist {
    column-count: 3;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .anchorlist {
    column-count: 4;
  }
}
.anchorlist {
  column-gap: calc(var(--margin-width) * 1);
}
.anchorlist {
  font-size: var(--font-size--md);
  letter-spacing: var(--letter-spacing--md);
  line-height: 1.7;
}

.anchorlist__h,
.anchorlist__h2 {
  break-after: avoid;
  break-inside: avoid;
}

.anchorlist__h {
  line-height: 1.7em;
  padding-block: 0.8rem;
  color: #004098;
}
.anchorlist__h span {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.anchorlist__h2 {
  padding-block: 0.8rem;
  border-bottom: 0.1rem solid var(--color-border);
  color: #004098;
  line-height: 1.7em;
}
.anchorlist__h2 span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.anchorlist__list {
  break-inside: avoid;
}
.anchorlist__list li {
  position: relative;
  z-index: 100;
}
.anchorlist__list li:not(:has(ul)) {
  padding-block: 0.8rem;
}
.anchorlist__list .anchorlist__list {
  padding-left: 0.8rem;
}
.anchorlist__list .anchorlist__list__anchor {
  display: block;
  margin-block: -0.8rem;
  padding-block: 0.8rem;
  color: var(--color-figure);
  z-index: 101;
}
.anchorlist__list .anchorlist__list__anchor .icon {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  color: rgb(0, 51.2, 121.6);
  right: 0;
  z-index: 102;
}
.anchorlist__list .anchorlist__list__anchor:has(.icon) {
  padding-right: calc(1em + 1.6rem);
}
@media (hover: hover) {
  .anchorlist__list .anchorlist__list__anchor:hover {
    color: var(--color-figure);
  }
  .anchorlist__list .anchorlist__list__anchor:hover .icon:not(.icon--site--blank) {
    translate: 18% 0;
  }
}
.anchorlist__list .anchorlist__list__anchor:focus-visible, .anchorlist__list .anchorlist__list__anchor.is-hover {
  color: var(--color-figure);
}
.anchorlist__list .anchorlist__list__anchor:focus-visible .icon:not(.icon--site--blank), .anchorlist__list .anchorlist__list__anchor.is-hover .icon:not(.icon--site--blank) {
  translate: 18% 0;
}
.anchorlist__list .anchorlist__list__anchor__str {
  position: relative;
  z-index: 103;
}
.anchorlist--a .anchorlist__list .anchorlist__list__anchor {
  border-bottom: 0.1rem solid var(--color-border);
}
.anchorlist--a .anchorlist__list .anchorlist__list__anchor::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.1rem;
  background-color: rgb(0, 51.2, 121.6);
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 101;
}
@media (hover: hover) {
  .anchorlist--a .anchorlist__list .anchorlist__list__anchor:hover::before {
    width: 100%;
  }
}
.anchorlist--a .anchorlist__list .anchorlist__list__anchor:focus-visible::before, .anchorlist--a .anchorlist__list .anchorlist__list__anchor.is-hover::before {
  width: 100%;
}
.anchorlist--b .anchorlist__list {
  border-top: 0.1rem solid var(--color-border);
}
.anchorlist--b .anchorlist__list .anchorlist__list__anchor {
  border-bottom: 0.1rem solid var(--color-border);
}
.anchorlist--b .anchorlist__list .anchorlist__list__anchor::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: rgb(0, 51.2, 121.6);
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 101;
}
@media (hover: hover) {
  .anchorlist--b .anchorlist__list .anchorlist__list__anchor:hover {
    color: #ffffff;
  }
  .anchorlist--b .anchorlist__list .anchorlist__list__anchor:hover::before {
    top: 0;
    bottom: auto;
    height: 100%;
  }
}
.anchorlist--b .anchorlist__list .anchorlist__list__anchor:focus-visible, .anchorlist--b .anchorlist__list .anchorlist__list__anchor.is-hover {
  color: #ffffff;
}
.anchorlist--b .anchorlist__list .anchorlist__list__anchor:focus-visible::before, .anchorlist--b .anchorlist__list .anchorlist__list__anchor.is-hover::before {
  top: 0;
  bottom: auto;
  height: 100%;
}
dl.dl {
  display: grid;
}
dl.dl {
  grid-template-columns: min-content auto;
}
dl.dl {
  grid-template-rows: auto;
}
dl.dl {
  column-gap: 1em;
}
dl.dl dt {
  white-space: nowrap;
}
dl.dl--auto {
  grid-template-columns: min-content min-content;
}
dl.cv {
  display: grid;
}
dl.cv {
  grid-template-columns: auto 1fr;
}
dl.cv {
  grid-template-rows: auto;
}
dl.cv {
  column-gap: 1em;
}
dl.cv dt {
  grid-column: 1/2;
  white-space: nowrap;
}
dl.cv dd {
  grid-column: 2/3;
}
dl.cv .t--kagikakko {
  text-indent: -0.2em;
}
dl.cv .t--quote {
  text-indent: -0.25em;
}

table.dl td, table.dl th {
  text-align: left;
  vertical-align: top;
}
table.dl th {
  padding-right: 1.4em;
  overflow: hidden;
}
table.dl th span {
  position: relative;
  display: inline-block;
}
table.dl th span::before {
  content: "";
  position: absolute;
  left: calc(100% + 0.4em);
  top: calc((1.7em + 0.1rem) * 0.5);
  width: 100vw;
  height: 0.1rem;
  background-color: currentcolor;
}
table.dl td {
  padding-left: 0.4em;
}

dl.dl--dash {
  column-gap: 0.4em;
}
dl.dl--dash dt {
  position: relative;
  z-index: 100;
  padding-right: 1em;
}
dl.dl--dash dt::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
  z-index: 101;
  position: absolute;
  left: 0;
  top: calc((1.7em - 0.1rem) * 0.5);
}
dl.dl--dash dt span {
  background-color: var(--color-body);
  position: relative;
  z-index: 102;
  padding-right: 0.4em;
}
dl.dl--dash dt span:empty {
  display: none;
}

dl.dl--bar--v {
  column-gap: calc(2em + 0.1rem);
}
dl.dl--bar--v dd {
  position: relative;
}
dl.dl--bar--v dd::after {
  content: "";
  width: 0.1rem;
  background-color: currentcolor;
  height: calc(100% - 0.7em);
  top: 0.35em;
  left: calc((1em + 0.1rem) * -1);
  position: absolute;
}

dl.dl--bar--h {
  row-gap: calc(2em + 0.1rem);
}
dl.dl--bar--h dt, dl.dl--bar--h dd {
  position: relative;
}
dl.dl--bar--h dt::before, dl.dl--bar--h dd::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
  left: 0;
  bottom: calc((1em + 0.1rem) * -1);
  position: absolute;
}
dl.dl--bar--h dt:last-of-type::before,
dl.dl--bar--h dd:last-of-type::before {
  display: none;
}

dl.dl--bar {
  column-gap: calc(2em + 0.1rem);
}
dl.dl--bar dd {
  position: relative;
}
dl.dl--bar dd::after {
  content: "";
  width: 0.1rem;
  background-color: currentcolor;
  height: calc(100% - 0.7em);
  top: 0.35em;
  left: calc((1em + 0.1rem) * -1);
  position: absolute;
}
dl.dl--bar {
  row-gap: calc(2em + 0.1rem);
}
dl.dl--bar dt, dl.dl--bar dd {
  position: relative;
}
dl.dl--bar dt::before, dl.dl--bar dd::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
  left: 0;
  bottom: calc((1em + 0.1rem) * -1);
  position: absolute;
}
dl.dl--bar dt:last-of-type::before,
dl.dl--bar dd:last-of-type::before {
  display: none;
}

dl.dl--bar-switch {
  padding-bottom: calc(1em + 0.1rem);
}
dl.dl--bar-switch {
  row-gap: calc(2em + 0.1rem);
}
dl.dl--bar-switch {
  column-gap: 0;
}
dl.dl--bar-switch dt, dl.dl--bar-switch dd {
  position: relative;
}
dl.dl--bar-switch dt::before, dl.dl--bar-switch dd::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  left: 0;
  bottom: calc((1em + 0.1rem) * -1);
  position: absolute;
}
dl.dl--bar-switch dt {
  padding-right: 1em;
}
dl.dl--bar-switch dt::before {
  background-color: currentcolor;
}
dl.dl--bar-switch dd {
  padding-left: 1em;
}
dl.dl--bar-switch dd::before {
  background-color: rgb(189.76, 190.32, 190.88);
}

dl.dl--bar-switch--double {
  padding-top: calc(1em + 0.1rem);
}
dl.dl--bar-switch--double dt:first-child::after, dl.dl--bar-switch--double dt:first-child + dd::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  left: 0;
  top: calc((1em + 0.1rem) * -1);
  position: absolute;
}
dl.dl--bar-switch--double dt::after {
  background-color: currentcolor;
}
dl.dl--bar-switch--double dd::after {
  background-color: rgb(189.76, 190.32, 190.88);
}

dl.dl--bar-table {
  border-block: 0.2rem solid currentcolor;
  padding-block: calc(1em + 0.1rem);
}
dl.dl--bar-table {
  row-gap: calc(2em + 0.1rem);
}
dl.dl--bar-table {
  column-gap: 0;
}
dl.dl--bar-table dt, dl.dl--bar-table dd {
  position: relative;
  padding: 0 1em;
}
dl.dl--bar-table dt:not(:last-of-type)::before, dl.dl--bar-table dd:not(:last-of-type)::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  left: 0;
  bottom: calc((1em + 0.1rem) * -1);
  position: absolute;
  background-color: var(--color-border);
}
dl.dl--bar-table dd::after {
  content: "";
  width: 0.1rem;
  height: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: var(--color-border);
}

dl.dl--gap {
  column-gap: calc(var(--margin-width) * 1);
}
dl.dl--gap--sm {
  gap: 0 calc(var(--margin-width) * 0.5);
}
dl.dl--gap--xs {
  gap: 0 calc(var(--margin-width) * 0.3333333333);
}
.dl--interview {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.dl--interview dt {
  position: relative;
  z-index: 100;
  padding-right: 1em;
}
.dl--interview dt::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: currentcolor;
  z-index: 101;
  position: absolute;
  left: 0;
  top: 0.85em;
}
.dl--interview dt span {
  background-color: var(--color-body);
  position: relative;
  z-index: 102;
  padding-right: 0.4em;
}
.dl--interview dt span:empty {
  display: none;
}

.listitem--ul:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.listitem--ul {
  padding-left: 1.4em;
}
.listitem--ul > li {
  position: relative;
}
.listitem--ul > li::before {
  content: "";
  position: absolute;
}
.listitem--ul > li::before {
  width: 0.4em;
  height: 0.1rem;
  border-color: currentcolor;
  border-top-style: solid;
  border-top-width: 0.1rem;
  top: 0.85em;
  left: -1.4em;
}
.listitem--ul.listitem--indent {
  margin-left: -1.4em;
}
.listitem--ul .listitem__item--sub {
  padding-left: 1.4em;
}
.listitem--ul .listitem__item--sub::before {
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  left: 0.4em;
  background-color: currentcolor;
  margin-right: 0.4em;
  text-align: center;
  top: 0.75em;
}
.listitem--ul .listitem__item--caution {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
.listitem--ul .listitem__item--caution::before {
  width: 1em;
  border: 0;
  height: 1em;
  background-color: transparent;
  content: "*";
  font-family: "subset", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  position: absolute;
  left: -1.4em;
  top: 0;
}

.p--caution,
.p--asterisk {
  padding-left: 1.4em;
  position: relative;
}
.p--caution::before,
.p--asterisk::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  display: inline-block;
  margin-right: 0.4em;
  text-align: center;
}

.p--caution {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
.p--caution::before {
  content: "*";
}

.p--caution-numeric,
.p--caution-asterisk {
  padding-left: 2.9em;
  position: relative;
}
.p--caution-numeric__item,
.p--caution-asterisk__item {
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
}

.p--caution-numeric__item::before {
  content: "※";
  font-family: "subset", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.p--caution-asterisk__item::before {
  content: "＊";
  font-family: "subset";
}

.listitem--sup > li {
  position: relative;
  padding-left: 2.4em;
}
.listitem--sup > li sup {
  font-size: 1em;
  line-height: 1.7;
  vertical-align: inherit;
  position: absolute;
  left: 0;
  top: 0;
  content: counter(ordered, decimal);
  counter-increment: ordered;
  width: 1.5em;
  white-space: nowrap;
}

.listitem__item--caution {
  padding-left: 2.4em;
}
.listitem__item--caution::before {
  display: none;
}
.listitem--ul:has(.listitem__item--caution) {
  padding-left: 0;
}
.listitem__item--caution sup {
  font-size: 1em;
  line-height: 1.7;
  vertical-align: inherit;
  position: absolute;
  left: 0;
  top: 0;
  content: counter(ordered, decimal);
  counter-increment: ordered;
  width: 1.5em;
  white-space: nowrap;
}

ol.listitem--ol {
  counter-reset: ordered;
}
ol.listitem--ol:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
ol.listitem--ol > li {
  position: relative;
  padding-left: 1.9em;
}
ol.listitem--ol > li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(ordered, decimal);
  counter-increment: ordered;
  width: 1.5em;
}

.listitem--ordered--circle {
  list-style: none;
  counter-reset: ordered-circle;
}
.listitem--ordered--circle li {
  padding-left: 2rem;
  position: relative;
}
.listitem--ordered--circle li::before {
  position: absolute;
  left: 0;
  font-size: 1.1rem;
  background-color: var(--color-main);
  color: var(--color-body);
  border-radius: 50%;
  padding: 0;
  content: counter(ordered-circle, decimal);
  counter-increment: ordered-circle;
  text-align: center;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  top: calc((1.7em - 1.5rem) * 0.5);
  margin-right: 0.5rem;
}

.listitem--ordered-train li {
  position: relative;
  padding-left: 2.15rem;
  padding-bottom: 1.3rem;
}
.listitem--ordered-train li::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: var(--color-main);
  position: absolute;
  top: 0.45rem;
  left: 0;
}
.listitem--ordered-train li::after {
  content: "";
  width: 0.2rem;
  height: 100%;
  background-color: var(--color-main);
  position: absolute;
  top: 1.1rem;
  left: 0.55rem;
}
.listitem--ordered-train li:last-child {
  padding-bottom: 0;
}
.listitem--ordered-train li:last-child::after {
  display: none;
}

.listitem--gap > li:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.listitem--line > li:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.listitem--line > li:not(:last-child) {
  border-bottom: 0.1rem solid var(--color-border);
  padding-bottom: var(--margin);
}

.listitem--line--sm > li:not(:last-child) {
  padding-bottom: calc(var(--margin) * 0.5);
}

.listitem--line--xs > li:not(:last-child) {
  padding-bottom: calc(var(--margin) * 0.3333333333);
}

.listview {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.listview > * {
  min-width: 0;
}
.listview > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.listview {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.listview--em > li:not(:last-child) {
  padding-right: 1em;
}

.listview--en > li:not(:last-child) {
  padding-right: 0.5em;
}

.listview--comma > li:not(:last-child)::after {
  content: "、";
}

.listview--comma-en > li:not(:last-child)::after {
  content: ",";
  margin-right: 0.4em;
}

.listview--border > li:not(:first-child), .listview--border-em > li:not(:first-child) {
  padding-left: calc(1em + 0.1rem);
  border-left: 0.1rem solid var(--color-border);
}
.listview--border > li:not(:last-child), .listview--border-em > li:not(:last-child) {
  padding-right: 1em;
}

.listview--border-en > li:not(:first-child) {
  padding-left: calc(0.5em + 0.1rem);
  border-left: 0.1rem solid var(--color-border);
}
.listview--border-en > li:not(:last-child) {
  padding-right: 0.5em;
}

.listview--center {
  -webkit-justify-content: center;
  justify-content: center;
}

.listview--right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

:root {
  --toc__left: 1.4rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --toc__left: 7.9rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --toc__left: 9.1rem;
  }
}

.toc {
  padding-left: var(--toc__left);
  border-left: 0.1rem solid transparent;
  position: relative;
}
.toc a, .toc button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .toc a:hover, .toc button:hover {
    color: var(--color-font-link-hover);
  }
}
.toc a:focus-visible, .toc a.is-hover, .toc button:focus-visible, .toc button.is-hover {
  color: var(--color-font-link-hover);
}
.toc a, .toc button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .toc a:hover, .toc button:hover {
    text-decoration-line: none;
  }
}
.toc a:focus-visible, .toc a.is-hover, .toc button:focus-visible, .toc button.is-hover {
  text-decoration-line: none;
}
.toc:not(:last-child) {
  margin-bottom: calc(var(--margin-article) * 1);
}
.toc:not(:first-child) {
  margin-top: var(--margin-article);
}
.toc::before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 0.35em;
  width: 0.1rem;
  height: calc(100% - 0.7em);
  background-color: green;
}

.toc__header {
  display: block;
  color: rgba(22, 24, 26, 0.5);
  height: 3.4em;
  padding-top: 0.35em;
}
@media print, screen and (min-width: 843.02px) {
  .toc__header {
    position: absolute;
    left: 1em;
    top: 0;
    height: auto;
  }
}
.toc__header span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  color: blue;
  display: block;
}

.toc__list__item:not(:has(a)),
.toc__list__item a {
  display: grid;
}
.toc__list__item:not(:has(a)),
.toc__list__item a {
  gap: calc(var(--margin) * 0.3333333333) calc(var(--margin-width) * 0.3333333333);
}
.toc__list__item:not(:has(a)),
.toc__list__item a {
  grid-template-columns: auto 1fr;
}
.toc__list__item--1 {
  padding-left: 0em;
}
.toc__list__item--2 {
  padding-left: 1em;
}
.toc__list__item--3 {
  padding-left: 2em;
}
.toc__list__item--4 {
  padding-left: 3em;
}
.toc__list__item--5 {
  padding-left: 4em;
}
.toc__list__item--6 {
  padding-left: 5em;
}

.toc__list__item__no {
  color: currentcolor;
  padding-top: 0.35em;
}

.toc__list__item__no__item {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  height: 1.7em;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid currentcolor;
}
.toc__list__item__no__item:not(:last-child)::after {
  content: ".";
}

.marquee {
  width: 100%;
  overflow: hidden;
}

.marquee__str {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes marquee {
  0% {
    translate: 0 0 0;
  }
  100% {
    translate: -100% 0 0;
  }
}

.marquee__fig {
  width: 133.3333333333%;
  background-size: 37.5%;
  background-repeat: repeat-x;
  background-position: 0% center;
  animation-name: marqueex;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  height: 0;
  padding-top: 4.5%;
}
@keyframes marqueex {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -37.5% center;
  }
}

.d-menu {
  width: 100%;
  background-color: green;
  display: block;
  position: relative;
}
.d-menu a, .d-menu button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .d-menu a:hover, .d-menu button:hover {
    text-decoration-line: none;
  }
}
.d-menu a:focus-visible, .d-menu a.is-hover, .d-menu button:focus-visible, .d-menu button.is-hover {
  text-decoration-line: none;
}
.d-menu,
.d-menu li,
.d-menu ul {
  z-index: 502;
}

.d-menu__list {
  width: 100%;
  margin-inline: auto;
  display: table;
  background-color: var(--color-main);
  font-size: 1.3rem;
}
@media print, screen and (min-width: 1018.02px) {
  .d-menu__list {
    max-width: var(--width-content);
  }
}
.d-menu__list a,
.d-menu__list span {
  display: block;
  white-space: nowrap;
}
.d-menu__list > li {
  display: table-cell;
  text-align: center;
  position: relative;
}
.d-menu__list > li > a, .d-menu__list > li > span {
  color: yellow;
  background-color: green;
  padding: 0.8rem 1.3rem;
}
.d-menu__list > li:hover > a,
.d-menu__list > li .hover > a {
  color: red;
  background-color: blue;
}
.d-menu__list > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  display: none;
}
.d-menu__list > li > ul li {
  text-align: left;
}
.d-menu__list > li > ul > li {
  position: relative;
}
.d-menu__list > li > ul > li a, .d-menu__list > li > ul > li span {
  font-size: 1.3rem;
  padding: 0.8rem 1.3rem;
}
.d-menu__list > li > ul > li a {
  color: lime;
  background-color: red;
}
.d-menu__list > li > ul > li span {
  color: gray;
  background-color: black;
}
.d-menu__list > li > ul > li:hover > a, .d-menu__list > li > ul > li:hover > span,
.d-menu__list > li > ul > li a:hover {
  background: orange;
  position: relative;
}
.d-menu__list > li > ul > li > ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.d-menu__list > li > ul > li:hover > ul {
  display: block;
}
.d-menu__list > li:hover > ul {
  display: block;
}
.d-menu__list > li:last-child > ul {
  right: 0;
  left: auto;
}
.d-menu__list > li:last-child > ul > li > ul {
  left: auto;
  right: 100%;
}

:root {
  --modal__content__padding-v: 0.65em;
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --modal__content__padding-v: 1.268em;
  }
}

:root {
  --modal__content__padding-h: 1em;
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --modal__content__padding-h: 1.618em;
  }
}

:root {
  --modal__wrap__padding: 2.1rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --modal__wrap__padding: 5.5rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --modal__wrap__padding: 11rem;
  }
}

@keyframes modal--wrap__fade_in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  100% {
    display: block;
    opacity: 1;
    backdrop-filter: blur(0.25em);
    -webkit-backdrop-filter: blur(0.25em);
  }
}
@keyframes modal--mole__fade_in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    translate: 0 100%;
    opacity: 0;
  }
  100% {
    display: block;
    translate: 0 0;
    opacity: 1;
  }
}
@keyframes modal_inner_fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.js__modal-open:not([aria-controls]) {
  position: relative !important;
  overflow: visible !important;
  min-height: calc(3em + 0.4rem);
  display: block;
}
.js__modal-open:not([aria-controls])::before {
  content: "aria-controls属性にmodalのidを入れてください。" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  color: #a61955 !important;
  padding: 0.65em 1em;
  border: 0.2rem solid currentcolor;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6);
}

.js__modal-open--yt:not([data-yt]) {
  position: relative !important;
  overflow: visible !important;
  min-height: calc(3em + 0.4rem);
  display: block;
}
.js__modal-open--yt:not([data-yt])::before {
  content: "data-yt属性にYouTubeのidを入れてください。" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  color: #a61955 !important;
  padding: 0.65em 1em;
  border: 0.2rem solid currentcolor;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6);
}
.js__modal-open--yt:not([href^=http]) {
  position: relative !important;
  overflow: visible !important;
  min-height: calc(3em + 0.4rem);
  display: block;
}
.js__modal-open--yt:not([href^=http])::before {
  content: "js__modal-open--ytでのhref属性にはYouTubeのURLを入れます。" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  color: #a61955 !important;
  padding: 0.65em 1em;
  border: 0.2rem solid currentcolor;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6);
}
.js__modal-open--yt:not([target=_blank]) {
  position: relative !important;
  overflow: visible !important;
  min-height: calc(3em + 0.4rem);
  display: block;
}
.js__modal-open--yt:not([target=_blank])::before {
  content: 'no-jsのために、target="_blank" を指定してください' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  color: #a61955 !important;
  padding: 0.65em 1em;
  border: 0.2rem solid currentcolor;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6);
}

.modal--wrap {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  opacity: 0;
  overflow: hidden;
}
.modal--wrap[open] {
  opacity: 1;
  animation-name: modal--wrap__fade_in;
}
.modal--wrap[open].is-onload {
  animation-duration: 0s;
}
.modal--wrap .modal__inner {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0.1s;
  opacity: 0;
}
.modal--wrap[open] .modal__inner {
  opacity: 1;
  animation-name: modal_inner_fade_in;
}
.modal--wrap[open].is-onload .modal__inner {
  animation-delay: 0s;
  animation-duration: 0s;
}

.modal {
  min-width: 320px;
  position: fixed;
  z-index: 900;
}

.modal--wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(22, 24, 26, 0.8);
  padding: var(--modal__wrap__padding);
}
.modal--wrap.modal--wrap--solid, .modal--wrap.modal--cover, .modal--wrap.modal--zoom {
  padding: 0;
}
.modal--wrap.modal--contain {
  padding: var(--modal__wrap__padding);
  padding-block: 6.3rem;
}
@supports (padding: env(safe-area-inset-left)) {
  .modal--wrap.modal--contain {
    padding-inline: calc(var(--modal__wrap__padding) + env(safe-area-inset-left));
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal--wrap.modal--contain {
    padding-block: 6.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .modal--wrap.modal--contain {
    padding-inline: 6.3rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .modal--wrap.modal--contain {
    padding-inline: 6.3rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain {
      padding-inline: calc(6.3rem + env(safe-area-inset-left));
    }
  }
}
@media print, screen and (min-width: 1260.02px) {
  .modal--wrap.modal--contain {
    padding-inline: 6.3rem;
  }
}
@media print, screen and (max-width: 667px) {
  .modal--wrap.modal--contain.modal--slide {
    padding-bottom: 8.4rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain.modal--slide {
      padding-bottom: calc(8.4rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal--wrap.modal--contain.modal--slide {
    padding-bottom: 8.6rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain.modal--slide {
      padding-bottom: calc(8.6rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain.modal--slide {
      padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 1018.02px) {
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain.modal--slide {
      padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 1260.02px) {
  @supports (padding: env(safe-area-inset-left)) {
    .modal--wrap.modal--contain.modal--slide {
      padding-bottom: calc(11rem + env(safe-area-inset-bottom));
    }
  }
}

.modal--contain figure, .modal--contain img, .modal--contain picture, .modal--contain figcaption,
.modal--cover figure,
.modal--cover img,
.modal--cover picture,
.modal--cover figcaption,
.modal--zoom figure,
.modal--zoom img,
.modal--zoom picture,
.modal--zoom figcaption {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.modal--contain figure,
.modal--zoom figure {
  height: 100%;
  display: grid;
}
.modal--contain figure,
.modal--zoom figure {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.modal--contain figure,
.modal--zoom figure {
  grid-template-rows: 1fr auto;
}
.modal--contain picture,
.modal--zoom picture {
  position: relative;
  height: 100%;
}
.modal--contain .modal__inner__article__content,
.modal--zoom .modal__inner__article__content {
  overflow: visible;
}
@media print, screen and (max-width: 667px) {
  .modal--contain figcaption,
  .modal--zoom figcaption {
    padding-left: 2.1rem;
    padding-right: 2.1rem;
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal--contain figcaption,
  .modal--zoom figcaption {
    padding-left: 2.3rem;
    padding-right: 2.3rem;
  }
}

.modal--cover figcaption {
  position: absolute;
  right: min(var(--padding-page--r), var(--padding-page--l));
  bottom: min(var(--padding-page--r), var(--padding-page--l));
}

.modal__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.modal__inner > * {
  min-width: 0;
}
.modal__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.modal__inner {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 902;
  position: relative;
}
.modal--cover .modal__inner .badge, .modal--zoom .modal__inner .badge {
  top: var(modal__content__padding-v);
  right: var(--modal__content__padding-h);
  transform: none;
}
.modal--zoom .modal__inner {
  color: #ffffff;
}

.modal__inner__article {
  width: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 6 + var(--margin-width) * 5);
  max-width: 100%;
  position: relative;
}
@media print, screen and (max-width: 843px) {
  .modal__inner__article {
    width: 100% !important;
  }
}
.modal--sm .modal__inner__article {
  width: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 4 + var(--margin-width) * 3);
}
.modal--lg .modal__inner__article {
  width: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 10 + var(--margin-width) * 9);
}
.modal--full .modal__inner__article {
  width: var(--width-content);
}

.modal__inner__article__header,
.modal__inner__article__content,
.modal__inner__article__buttons {
  padding: var(--modal__content__padding-v) var(--modal__content__padding-h);
  background-color: #ffffff;
}
.modal__inner__article__header:not(:last-child),
.modal__inner__article__content:not(:last-child),
.modal__inner__article__buttons:not(:last-child) {
  border-bottom: 0.1rem solid var(--color-border);
}
.modal--content-edge .modal__inner__article__header, .modal--contain .modal__inner__article__header, .modal--cover .modal__inner__article__header, .modal--zoom .modal__inner__article__header,
.modal--content-edge .modal__inner__article__content,
.modal--contain .modal__inner__article__content,
.modal--cover .modal__inner__article__content,
.modal--zoom .modal__inner__article__content,
.modal--content-edge .modal__inner__article__buttons,
.modal--contain .modal__inner__article__buttons,
.modal--cover .modal__inner__article__buttons,
.modal--zoom .modal__inner__article__buttons {
  background-color: transparent;
}
.modal--content-edge .modal__inner__article__header figcaption, .modal--content-edge .modal__inner__article__header .caption, .modal--contain .modal__inner__article__header figcaption, .modal--contain .modal__inner__article__header .caption, .modal--cover .modal__inner__article__header figcaption, .modal--cover .modal__inner__article__header .caption, .modal--zoom .modal__inner__article__header figcaption, .modal--zoom .modal__inner__article__header .caption,
.modal--content-edge .modal__inner__article__content figcaption,
.modal--content-edge .modal__inner__article__content .caption,
.modal--contain .modal__inner__article__content figcaption,
.modal--contain .modal__inner__article__content .caption,
.modal--cover .modal__inner__article__content figcaption,
.modal--cover .modal__inner__article__content .caption,
.modal--zoom .modal__inner__article__content figcaption,
.modal--zoom .modal__inner__article__content .caption,
.modal--content-edge .modal__inner__article__buttons figcaption,
.modal--content-edge .modal__inner__article__buttons .caption,
.modal--contain .modal__inner__article__buttons figcaption,
.modal--contain .modal__inner__article__buttons .caption,
.modal--cover .modal__inner__article__buttons figcaption,
.modal--cover .modal__inner__article__buttons .caption,
.modal--zoom .modal__inner__article__buttons figcaption,
.modal--zoom .modal__inner__article__buttons .caption {
  color: rgba(255, 255, 255, 0.7);
}
.modal--contain .modal__inner__article__header img, .modal--contain .modal__inner__article__header figure, .modal--cover .modal__inner__article__header img, .modal--cover .modal__inner__article__header figure, .modal--zoom .modal__inner__article__header img, .modal--zoom .modal__inner__article__header figure,
.modal--contain .modal__inner__article__content img,
.modal--contain .modal__inner__article__content figure,
.modal--cover .modal__inner__article__content img,
.modal--cover .modal__inner__article__content figure,
.modal--zoom .modal__inner__article__content img,
.modal--zoom .modal__inner__article__content figure,
.modal--contain .modal__inner__article__buttons img,
.modal--contain .modal__inner__article__buttons figure,
.modal--cover .modal__inner__article__buttons img,
.modal--cover .modal__inner__article__buttons figure,
.modal--zoom .modal__inner__article__buttons img,
.modal--zoom .modal__inner__article__buttons figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.modal--contain .modal__inner__article__header img, .modal--zoom .modal__inner__article__header img,
.modal--contain .modal__inner__article__content img,
.modal--zoom .modal__inner__article__content img,
.modal--contain .modal__inner__article__buttons img,
.modal--zoom .modal__inner__article__buttons img {
  object-fit: contain;
}
.modal--cover .modal__inner__article__header img,
.modal--cover .modal__inner__article__content img,
.modal--cover .modal__inner__article__buttons img {
  object-fit: cover;
}
.modal--transparent .modal__inner__article__header,
.modal--transparent .modal__inner__article__content,
.modal--transparent .modal__inner__article__buttons {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-body);
}
.modal--transparent .modal__inner__article__header a, .modal--transparent .modal__inner__article__header button,
.modal--transparent .modal__inner__article__content a,
.modal--transparent .modal__inner__article__content button,
.modal--transparent .modal__inner__article__buttons a,
.modal--transparent .modal__inner__article__buttons button {
  color: var(--color-body);
}
@media (hover: hover) {
  .modal--transparent .modal__inner__article__header a:hover, .modal--transparent .modal__inner__article__header button:hover,
  .modal--transparent .modal__inner__article__content a:hover,
  .modal--transparent .modal__inner__article__content button:hover,
  .modal--transparent .modal__inner__article__buttons a:hover,
  .modal--transparent .modal__inner__article__buttons button:hover {
    color: var(--color-body);
  }
}
.modal--transparent .modal__inner__article__header a:focus-visible, .modal--transparent .modal__inner__article__header a.is-hover, .modal--transparent .modal__inner__article__header button:focus-visible, .modal--transparent .modal__inner__article__header button.is-hover,
.modal--transparent .modal__inner__article__content a:focus-visible,
.modal--transparent .modal__inner__article__content a.is-hover,
.modal--transparent .modal__inner__article__content button:focus-visible,
.modal--transparent .modal__inner__article__content button.is-hover,
.modal--transparent .modal__inner__article__buttons a:focus-visible,
.modal--transparent .modal__inner__article__buttons a.is-hover,
.modal--transparent .modal__inner__article__buttons button:focus-visible,
.modal--transparent .modal__inner__article__buttons button.is-hover {
  color: var(--color-body);
}
.modal--transparent .modal__inner__article__header, .modal--transparent .modal__inner__article__header *,
.modal--transparent .modal__inner__article__content,
.modal--transparent .modal__inner__article__content *,
.modal--transparent .modal__inner__article__buttons,
.modal--transparent .modal__inner__article__buttons * {
  background-color: transparent;
}

.modal--transparent .modal__inner__article__header:not(:last-child),
.modal--transparent .modal__inner__article__content:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.6);
}

.modal--transparent .modal__inner__article__header {
  padding-top: 0;
}
.modal__inner__article__header:has(.icon-font--md) h3 {
  padding-left: 2.625rem;
  position: relative;
}
.modal__inner__article__header:has(.icon-font--md) h3 .icon-font--md {
  position: absolute;
  left: 0;
  top: 0;
}

.modal__inner__article__content {
  overflow-x: auto;
}
.modal--content-solid .modal__inner__article__content {
  padding: var(--modal__content__padding-h);
}
.modal--content-solid .modal__inner__article__content:has(figcaption) {
  padding: var(--modal__content__padding-v);
}
.modal--content-edge .modal__inner__article__content, .modal--contain .modal__inner__article__content, .modal--cover .modal__inner__article__content, .modal--zoom .modal__inner__article__content {
  padding: 0;
}
.modal--contain .modal__inner__article__content, .modal--cover .modal__inner__article__content, .modal--zoom .modal__inner__article__content {
  width: 100%;
  height: 100%;
  position: relative;
}
.modal--contain .modal__inner__article__content picture, .modal--cover .modal__inner__article__content picture {
  color: #ffffff;
}

.modal__inner__article__content__item {
  display: none;
}
.modal__inner__article__content__item.is-active {
  display: block;
}
.modal--slide[data-pp="0"] .modal__inner__article__content__item:first-child {
  display: block;
}
.modal--contain .modal__inner__article__content__item, .modal--cover .modal__inner__article__content__item, .modal--zoom .modal__inner__article__content__item {
  height: 100%;
}
@media print, screen and (max-width: 667px) {
  .modal--contain .modal__inner__article__content__item, .modal--zoom .modal__inner__article__content__item {
    margin-inline: -2.1rem;
    width: calc(100% + 4.2rem);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal--contain .modal__inner__article__content__item, .modal--zoom .modal__inner__article__content__item {
    margin-inline: -2.3rem;
    width: calc(100% + 4.6rem);
  }
}

.modal__inner__article__buttons {
  display: grid;
}
.modal__inner__article__buttons {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.modal__inner__article__buttons {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.modal__inner__article__buttons {
  border-bottom-left-radius: 1lh;
  border-bottom-right-radius: 1lh;
}
.modal__inner__article__buttons .button {
  margin-bottom: 0;
}
.modal__inner__article__buttons:only-child, .badge + .modal__inner__article__buttons {
  border-top-left-radius: 1lh;
  border-top-right-radius: 1lh;
}
.modal--button-v .modal__inner__article__buttons {
  grid-template-columns: 1fr;
}
.modal--message {
  left: 0;
  width: 100%;
  z-index: 899;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  transition-delay: 0.1s;
}
.modal--message a, .modal--message button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .modal--message a:hover, .modal--message button:hover {
    text-decoration-line: none;
  }
}
.modal--message a:focus-visible, .modal--message a.is-hover, .modal--message button:focus-visible, .modal--message button.is-hover {
  text-decoration-line: none;
}
.modal--message {
  translate: 0 -100%;
  top: 0;
  opacity: 0;
}
.modal--message[open] {
  translate: 0 0;
  opacity: 1;
}

.modal--message__inner {
  display: block;
}

.modal--message__inner__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.modal--message__inner__content > * {
  min-width: 0;
}
.modal--message__inner__content > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.modal--message__inner__content {
  -webkit-align-items: center;
  align-items: center;
}
.modal--message__inner__content span {
  padding-block: 0.65em;
  padding-right: 1em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .modal--message__inner__content span {
    padding-block: 0.959em;
    padding-right: 1em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .modal--message__inner__content span {
    padding-block: 1.268em;
    padding-righsdddt: 1.618em;
  }
}
.modal--message__inner__content > a, .modal--message__inner__content > i {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}

.modal--mole a, .modal--mole button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .modal--mole a:hover, .modal--mole button:hover {
    text-decoration-line: none;
  }
}
.modal--mole a:focus-visible, .modal--mole a.is-hover, .modal--mole button:focus-visible, .modal--mole button.is-hover {
  text-decoration-line: none;
}
.modal--mole {
  left: 0;
  bottom: 0;
  z-index: 899;
  min-width: 0;
  transition-property: transform,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: transform, opacity;
  transition-delay: 0.1s;
  opacity: 0;
  padding-inline: 2.1rem 2.1rem;
  padding-bottom: 2.1rem;
}
@supports (padding: env(safe-area-inset-left)) {
  .modal--mole {
    padding-inline: calc(2.1rem + env(safe-area-inset-left)) calc(2.1rem + env(safe-area-inset-right));
    padding-bottom: calc(2.1rem + env(safe-area-inset-bottom));
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal--mole {
    padding-inline: 2.3rem 2.3rem;
    padding-bottom: 2.3rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--mole {
      padding-inline: calc(2.3rem + env(safe-area-inset-left)) calc(2.3rem + env(safe-area-inset-right));
      padding-bottom: calc(2.3rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .modal--mole {
    padding-inline: 5.5rem 5.5rem;
    padding-bottom: 5.5rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--mole {
      padding-inline: calc(5.5rem + env(safe-area-inset-left)) calc(5.5rem + env(safe-area-inset-right));
      padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 1018.02px) {
  .modal--mole {
    padding-inline: 5.5rem 5.5rem;
    padding-bottom: 5.5rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal--mole {
      padding-inline: calc(5.5rem + env(safe-area-inset-left)) calc(5.5rem + env(safe-area-inset-right));
      padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 1260.02px) {
  .modal--mole {
    padding-inline: 11rem 11rem;
    padding-bottom: 11rem;
  }
}
.modal--mole[open] {
  animation-name: modal--mole__fade_in;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0.1s;
}

.modal--mole__inner {
  position: relative;
  display: block;
  float: left;
  clear: both;
}
.modal--mole__inner:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.modal--mole__inner__content {
  border-radius: 1lh;
  background-color: #004098;
  color: #ffffff;
  display: inline-block;
}

.modal--mole__inner__content__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.modal--mole__inner__content__item > * {
  min-width: 0;
}
.modal--mole__inner__content__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.modal--mole__inner__content__item {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.modal--mole__inner__content__item:not(:first-child) {
  border-top: 0.1rem solid rgba(22, 24, 26, 0.11);
}
.modal--mole__inner__content__item > * {
  padding: 0.65em 1em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .modal--mole__inner__content__item > * {
    padding: 0.959em 1.309em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .modal--mole__inner__content__item > * {
    padding: 1.268em 1.618em;
  }
}
.modal--mole__inner__content__item > * + * {
  padding-left: 0;
}

.modal__controler {
  z-index: 905;
  position: absolute;
  bottom: 2.1rem;
  height: 6.3rem;
  width: 50%;
}
@supports (padding: env(safe-area-inset-right)) {
  .modal__controler {
    bottom: calc(2.1rem + env(safe-area-inset-bottom));
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal__controler {
    bottom: 2.3rem;
  }
  @supports (padding: env(safe-area-inset-right)) {
    .modal__controler {
      bottom: calc(2.3rem + env(safe-area-inset-bottom));
    }
  }
}
@media print, screen and (min-width: 843.02px) {
  .modal__controler {
    width: 6.3rem;
    position: absolute;
    margin-block: auto;
    top: 0;
    bottom: 0;
  }
}
.modal__controler--prev {
  left: 0;
}
@supports (padding: env(safe-area-inset-left)) {
  .modal__controler--prev {
    left: env(safe-area-inset-left);
  }
}
.modal__controler--next {
  right: 0;
}
@supports (padding: env(safe-area-inset-right)) {
  .modal__controler--next {
    right: env(safe-area-inset-right);
  }
}

.modal__controler__item {
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 100%;
  text-decoration-line: none;
}
@media (hover: hover) {
  .modal__controler__item:hover {
    text-decoration-line: none;
  }
}
.modal__controler__item:focus-visible, .modal__controler__item.is-hover {
  text-decoration-line: none;
}
.modal__controler__item {
  color: var(--color-figure);
}
@media (hover: hover) {
  .modal__controler__item:hover {
    color: var(--color-font-link-hover);
  }
}
.modal__controler__item:focus-visible, .modal__controler__item.is-hover {
  color: var(--color-font-link-hover);
}
.modal__controler__item .icon, .modal__controler__item .icon-font {
  padding: 0.5rem;
  display: block;
}
@media (hover: hover) {
  html.un-touched .modal--cover .modal__controler__item:hover .modal__controler__item__inner {
    outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
    outline-offset: 0;
  }
}
html.un-touched .modal__controler__item:focus-visible {
  outline: 0 !important;
}
html.un-touched .modal__controler__item:focus-visible .modal__controler__item__inner {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}

.modal__controler__item__inner {
  border-radius: 999.9rem;
  background-color: var(--color-body);
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  position: absolute;
  margin: auto;
  inset: 0;
  transition-property: outline,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.modal__controler--sm .modal__controler__item__inner {
  width: 2.5rem;
  height: 2.5rem;
}
.modal__controler--md .modal__controler__item__inner {
  width: 3.3rem;
  height: 3.3rem;
}

.modal__progress {
  position: absolute;
  bottom: 0;
  display: grid;
}
.modal__progress {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.modal__progress {
  align-items: center;
  width: calc(100% - 4.2rem);
  height: 2.1rem;
  left: 2.1rem;
  right: 2.1rem;
  z-index: 905;
}
@supports (padding: env(safe-area-inset-left)) {
  .modal__progress {
    width: calc(100% - 4.2rem - (env(safe-area-inset-left) + env(safe-area-inset-right)));
    left: calc(2.1rem + env(safe-area-inset-left));
    right: calc(2.1rem + env(safe-area-inset-right));
    bottom: env(safe-area-inset-bottom);
  }
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .modal__progress {
    width: calc(100% - 4.6rem);
    height: 2.3rem;
    left: 2.3rem;
    right: 2.3rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal__progress {
      width: calc(100% - 4.6rem - (env(safe-area-inset-left) + env(safe-area-inset-right)));
      left: calc(2.3rem + env(safe-area-inset-left));
      right: calc(2.3rem + env(safe-area-inset-right));
      bottom: env(safe-area-inset-bottom);
    }
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .modal__progress {
    width: calc(100% - 11rem);
    height: 5.5rem;
    left: 5.5rem;
    right: 5.5rem;
  }
  @supports (padding: env(safe-area-inset-left)) {
    .modal__progress {
      width: calc(100% - 12.6rem - (env(safe-area-inset-left) + env(safe-area-inset-right)));
      left: calc(6.3rem + env(safe-area-inset-left));
      right: calc(6.3rem + env(safe-area-inset-right));
      bottom: env(safe-area-inset-bottom);
    }
  }
}
@media print, screen and (min-width: 1018.02px) {
  .modal__progress {
    width: calc(100% - 12.6rem);
    height: 5.5rem;
    left: 6.3rem;
    right: 6.3rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .modal__progress {
    height: 11rem;
  }
}

.modal__progress__item {
  position: relative;
  height: 100%;
}
.modal__progress__item::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #ffffff;
  transition-property: background-color, height;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.modal__progress__item:first-child::before {
  border-top-left-radius: 999.9rem;
  border-bottom-left-radius: 999.9rem;
}
.modal__progress__item:last-child::before {
  border-top-right-radius: 999.9rem;
  border-bottom-right-radius: 999.9rem;
}
.modal__progress__item.is-active::before {
  background-color: #004098;
  height: 0.4rem;
  border-radius: 999.9rem;
}
@media (hover: hover) {
  .modal__progress__item:hover {
    cursor: pointer;
  }
  .modal__progress__item:hover::before {
    background-color: #004098;
  }
  .modal__progress__item:hover.is-active {
    pointer-events: none;
  }
}

.modal--blink .modal__inner__article {
  animation-name: modal_blink;
  animation-duration: 0.03s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-delay: 0s;
}
@keyframes modal_blink {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.05;
  }
}

h3.dialog-confirm__h {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.dialog-confirm__h__mailaddress + p,
.dialog-confirm__h__phonenumber + p {
  padding-top: 0.35em;
  padding-bottom: 0.35em;
}
.dialog-confirm__h__mailaddress + p span,
.dialog-confirm__h__phonenumber + p span {
  display: block;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
  overflow-wrap: break-word;
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1;
}

#dialog-fail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 100"><defs><style>.b{fill:%2316181a;}</style></defs><path class="b" d="m.3662,90.61635c0-6.1864,4.63872-10.67122,11.1338-10.67122,6.64898,0,11.1338,4.33005,11.1338,10.67122,0,6.49335-4.63958,10.3591-11.1338,10.3591-6.64898,0-11.1338-4.02051-11.1338-10.3591Z"/><path class="b" d="m21.70561,0v10.6695c0,12.98929-2.62933,49.4826-3.09363,54.12218,0,.46258-.15305.92689-1.08165.92689H5.16011c-.61821,0-.92774-.30953-1.08251-.92689-.30953-4.33005-2.78323-40.66945-2.78323-53.65788V0h20.41125-.00001Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  pointer-events: none;
  opacity: 0.4;
}

.newslist a, .newslist button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .newslist a:hover, .newslist button:hover {
    text-decoration-line: none;
  }
}
.newslist a:focus-visible, .newslist a.is-hover, .newslist button:focus-visible, .newslist button.is-hover {
  text-decoration-line: none;
}
html.un-touched .newslist a:focus-visible {
  border-radius: 0.1rem;
  outline-offset: var(--radius--sm);
}
.newslist.newslist--blk .newslist__list__item > a:focus-visible {
  border-radius: var(--radius);
}
html.un-touched .newslist.newslist--blk .newslist__list__item > a:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}

.newslist--hr {
  position: relative;
}
.newslist--hr::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 0.1rem;
  background-color: var(--color-border);
}

.newslist--catfilter {
  display: grid;
}
.newslist--catfilter {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.newslist--catfilter {
  grid-template-columns: auto;
}
.newslist--catfilter {
  grid-template-rows: auto auto;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--catfilter {
    grid-template-columns: calc(6em + var(--margin-width) * 1) auto;
  }
  .newslist--catfilter {
    grid-template-rows: auto;
  }
}
.newslist--catfilter .newslist__catfilter {
  grid-column: 1/-1;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--catfilter .newslist__catfilter {
    grid-column: 1/2;
    grid-row: 1/-1;
  }
}
.newslist--catfilter .newslist__list {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--catfilter .newslist__list {
    grid-column: 2/3;
    grid-row: 1/-1;
  }
}

@media print, screen and (min-width: 843.02px) {
  .newslist__catfilter .tag__item {
    display: block;
  }
}

.newslist:not(.newslist--hr):not(.newslist--blk) .newslist__list {
  margin-block: calc(var(--margin) * 1 * 0.5 * -1);
}

.newslist--hr .newslist__list__item {
  position: relative;
}
.newslist--hr .newslist__list__item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background-color: var(--color-border);
}
.newslist--blk .newslist__list__item {
  padding: 1.268em 1.618em;
  background-color: rgb(229.37, 229.59, 229.81);
  border-radius: var(--radius);
}
.newslist--blk .newslist__list__item:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.newslist--blk .newslist__list__item > a {
  border-radius: var(--radius);
  padding: 1.268em 1.618em;
  margin: -1.268em -1.618em;
}
.newslist--blk.newslist--fig .newslist__list__item {
  padding: 1.618em;
}
.newslist--hr.newslist--hr--halfway .newslist__list__item::after {
  width: 50%;
  background-color: var(--color-border);
  width: calc(100% - calc(6em + var(--margin-width) * 1) - var(--margin-width) * 1);
}
.newslist--hr.newslist--hr--halfway .newslist__list__item:last-child::after {
  width: 100%;
}
.newslist--hr.newslist--fig .newslist__list__item {
  padding-bottom: calc(var(--margin) * 2 + 0.1rem);
}
.newslist__list__item.is-past {
  opacity: 0.5;
  text-decoration: line-through;
}
.newslist__list__item.is-future .newslist__list__item__anchor__inner__article__title::before {
  content: "予約";
  display: inline-block;
  vertical-align: middle;
  padding-inline: 0.5em;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  border-inline: 0.1rem solid currentcolor;
  margin-right: 0.5em;
}

.newslist__list__item__anchor {
  display: block;
  padding-block: calc(var(--margin) * 1 * 0.5);
}
.newslist--fig:not(.newslist--blk) .newslist__list__item__anchor:not(:last-child) {
  padding-bottom: calc(var(--margin) * 2 * 1);
}
.newslist--hr .newslist__list__item__anchor {
  padding-block: calc(var(--margin) * 1 + 0.1rem);
}
.newslist__list__item__anchor.newslist--fig {
  padding-top: calc(var(--margin) * 2 + 0.1rem);
}

a.newslist__list__item__anchor {
  padding-right: calc(2.1rem + var(--margin-width) * 1);
  position: relative;
}
a.newslist__list__item__anchor::before, a.newslist__list__item__anchor::after {
  position: absolute;
  margin-block: auto;
  left: auto;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (hover: hover) {
  a.newslist__list__item__anchor:hover:where(:not([target=_blank]))::before, a.newslist__list__item__anchor:hover:where(:not([target=_blank]))::after {
    translate: 25% 0;
  }
}
.newslist--blk a.newslist__list__item__anchor {
  padding-right: calc(2.1rem + var(--margin-width) * 1 * 2);
}
.newslist--blk a.newslist__list__item__anchor::before, .newslist--blk a.newslist__list__item__anchor::after {
  right: 1.618em;
}
.newslist--hr a.newslist__list__item__anchor {
  padding-right: calc(2.1rem + var(--margin-width) * 1);
}

.newslist__list__item__anchor__inner {
  position: relative;
  display: grid;
}
.newslist__list__item__anchor__inner {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 1);
}
.newslist__list__item__anchor__inner {
  grid-template-columns: auto;
}
@media print, screen and (min-width: 667.02px) {
  .newslist__list__item__anchor__inner {
    grid-template-columns: calc(6em + var(--margin-width) * 1) auto;
  }
}
.newslist--cat .newslist__list__item__anchor__inner {
  gap: 0 calc(var(--margin-width) * 1);
}
@media print, screen and (min-width: 667.02px) {
  .newslist--cat .newslist__list__item__anchor__inner {
    grid-template-rows: auto 1fr;
  }
}
.newslist--fig .newslist__list__item__anchor__inner {
  grid-template-rows: auto 1fr;
}
.newslist--fig .newslist__list__item__anchor__inner {
  grid-template-columns: calc(6em + var(--margin-width) * 1) auto;
}
@media print, screen and (min-width: 1018.02px) {
  .newslist--fig .newslist__list__item__anchor__inner {
    grid-template-columns: calc(6em + var(--margin-width) * 1) calc(6em + var(--margin-width) * 1) auto;
  }
}
.newslist--cat.newslist--fig .newslist__list__item__anchor__inner {
  grid-template-rows: auto 1fr;
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner {
  grid-template-columns: auto 1fr;
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner {
  grid-template-rows: auto auto;
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 1);
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk .newslist__list__item__anchor__inner {
    grid-template-columns: calc(6em + var(--margin-width) * 1) calc(6em + var(--margin-width) * 1) auto;
  }
  .newslist--cat.newslist--blk .newslist__list__item__anchor__inner {
    grid-template-rows: auto;
  }
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner {
  grid-template-columns: calc(6em + var(--margin-width) * 1) 1fr;
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner {
  grid-template-rows: auto auto;
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner {
  gap: 0 calc(var(--margin-width) * 1);
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner {
    grid-template-columns: calc(6em + var(--margin-width) * 1) calc(6em + var(--margin-width) * 1) auto;
  }
  .newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner {
    grid-template-rows: auto 1fr;
  }
}
.newslist--blk a.newslist__list__item__anchor .newslist__list__item__anchor__inner, .newslist--hr a.newslist__list__item__anchor .newslist__list__item__anchor__inner {
  padding-right: calc(0.1rem + var(--margin-width) * 1);
}
.newslist--blk a.newslist__list__item__anchor .newslist__list__item__anchor__inner::before, .newslist--hr a.newslist__list__item__anchor .newslist__list__item__anchor__inner::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--color-border);
}
.newslist--blk a.newslist__list__item__anchor .newslist__list__item__anchor__inner::before {
  background-color: var(--color-white);
}
.newslist--hr a.newslist__list__item__anchor .newslist__list__item__anchor__inner::before {
  background-color: var(--color-border);
}

.newslist__list__item__anchor__inner__fig {
  grid-column: 1/2;
  grid-row: 1/-1;
}
.newslist__list__item__anchor__inner__fig img {
  border-radius: var(--radius);
  aspect-ratio: 16/9;
  object-fit: cover;
}

@media print, screen and (min-width: 667.02px) {
  .newslist--cat .newslist__list__item__anchor__inner__date {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.newslist--fig .newslist__list__item__anchor__inner__date {
  grid-column: 2/3;
  grid-row: 2/3;
  padding-top: calc(var(--margin) * 0.5);
}
@media print, screen and (min-width: 1018.02px) {
  .newslist--fig .newslist__list__item__anchor__inner__date {
    padding-top: 0;
    grid-column: 2/3;
    grid-row: 1/-1;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .newslist--cat.newslist--fig .newslist__list__item__anchor__inner__date {
    grid-row: 1/2;
  }
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner__date {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk .newslist__list__item__anchor__inner__date {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__date {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__date {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.newslist__list__item__anchor__inner__date__str {
  color: var(--color-figure);
}
.newslist--fig .newslist__list__item__anchor__inner__date__str {
  color: rgba(22, 24, 26, 0.5);
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
@media print, screen and (min-width: 1018.02px) {
  .newslist--fig .newslist__list__item__anchor__inner__date__str {
    font-size: var(--font-size--md);
    letter-spacing: var(--letter-spacing--md);
    line-height: 1.7;
    color: var(--color-figure);
  }
}
.newslist__list__item.is-new .newslist__list__item__anchor__inner__date__str::after {
  content: "";
  width: 0.4em;
  height: 0.4em;
  margin-left: 0.4em;
  background-color: var(--color-new);
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
}

.newslist__list__item__anchor__inner__cat {
  color: var(--color-figure);
}
.newslist--cat .newslist__list__item__anchor__inner__cat {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 667.02px) {
  .newslist--cat .newslist__list__item__anchor__inner__cat {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.newslist--cat.newslist--fig .newslist__list__item__anchor__inner__cat {
  grid-column: 2/3;
  grid-row: -2/-1;
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner__cat {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk .newslist__list__item__anchor__inner__cat {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__cat {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__cat {
    grid-column: 2/3;
    grid-row: -1/-2;
  }
}
.newslist__list__item__anchor__inner__cat span {
  display: block;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: var(--color-main);
}

.newslist__list__item__anchor__inner__article {
  position: relative;
}
.newslist--cat .newslist__list__item__anchor__inner__article {
  grid-column: 1/-1;
  grid-row: 3/4;
  padding-top: calc(var(--margin) * 0.5);
}
@media print, screen and (min-width: 667.02px) {
  .newslist--cat .newslist__list__item__anchor__inner__article {
    grid-column: 2/3;
    grid-row: 1/-1;
    padding-top: 0;
  }
}
.newslist--fig .newslist__list__item__anchor__inner__article {
  grid-column: 2/3;
  grid-row: 1/2;
  padding-top: 0;
}
@media print, screen and (min-width: 1018.02px) {
  .newslist--fig .newslist__list__item__anchor__inner__article {
    grid-column: 3/4;
    grid-row: 1/-1;
  }
}
.newslist--blk .newslist__list__item__anchor__inner__article {
  position: relative;
}
@media print, screen and (min-width: 667.02px) {
  .newslist--blk .newslist__list__item__anchor__inner__article {
    padding-left: calc(var(--margin-width) * 1 + 0.1rem);
  }
  .newslist--blk .newslist__list__item__anchor__inner__article::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: var(--color-white);
  }
}
.newslist--cat.newslist--blk .newslist__list__item__anchor__inner__article {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk .newslist__list__item__anchor__inner__article {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__article {
  grid-column: 1/-1;
  grid-row: 2/3;
}
@media print, screen and (min-width: 843.02px) {
  .newslist--cat.newslist--blk.newslist--fig .newslist__list__item__anchor__inner__article {
    grid-column: 3/4;
    grid-row: 1/-1;
  }
}

.newslist__list__item__anchor__inner__article__body {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.newslist__more:not(:first-child) {
  margin-top: calc(var(--margin) * 1 * 1);
}
.newslist__more {
  padding-left: 0;
}
@media print, screen and (min-width: 667.02px) {
  .newslist__more {
    padding-left: calc(calc(6em + var(--margin-width) * 1) + var(--margin-width) * 1);
  }
}
.newslist--fig .newslist__more:not(:first-child) {
  margin-top: calc(var(--margin) * 2 * 1);
}

:root {
  --news-pickup__width: 100%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --news-pickup__width: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 8 + var(--margin-width) * 7);
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --news-pickup__width: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 6 + var(--margin-width) * 5);
  }
}

:root {
  --news-pickup__width--fig: 60%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  :root {
    --news-pickup__width--fig: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 4 + var(--margin-width) * 3);
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --news-pickup__width--fig: calc((var(--width-content) - var(--margin-width) * 11) / 12 * 5 + var(--margin-width) * 4);
  }
}

.news-pickup-trigger {
  height: 30vh;
}
.news-pickup-trigger.is-killed {
  display: none;
}

.news-pickup a, .news-pickup button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .news-pickup a:hover, .news-pickup button:hover {
    text-decoration-line: none;
  }
}
.news-pickup a:focus-visible, .news-pickup a.is-hover, .news-pickup button:focus-visible, .news-pickup button.is-hover {
  text-decoration-line: none;
}
.news-pickup {
  pointer-events: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  z-index: 210;
  translate: 0 100%;
  transition: opacity 0.3s cubic-bezier(0.55, 0, 1, 0.45) 0s, translate 0.6s cubic-bezier(0.55, 0, 1, 0.45) 0s;
}
.news-pickup-trigger.is-activing + .news-pickup, html.no-js .news-pickup, .news-pickup-trigger:not(.is-killed) + .news-pickup:has(a:focus-visible) {
  opacity: 1;
  translate: 0 0;
  transition: opacity 0.3s cubic-bezier(0, 0.55, 0.45, 1) 0.3s, translate 0.6s cubic-bezier(0, 0.55, 0.45, 1) 0s;
}

.news-pickup__inner {
  position: relative;
  z-index: 211;
  pointer-events: auto;
  max-width: 100%;
  width: var(--news-pickup__width);
  margin-left: auto;
}
.news-pickup__inner:has(.news-pickup__container__fig) {
  width: var(--news-pickup__width--fig);
}

.news-pickup__close {
  z-index: 213;
  top: calc(var(--padding-page-pickup));
  right: calc(var(--padding-page-pickup));
}

.news-pickup__container {
  display: block;
  position: relative;
  z-index: 212;
}
.news-pickup__container a, .news-pickup__container button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .news-pickup__container a:hover, .news-pickup__container button:hover {
    text-decoration-line: none;
  }
}
.news-pickup__container a:focus-visible, .news-pickup__container a.is-hover, .news-pickup__container button:focus-visible, .news-pickup__container button.is-hover {
  text-decoration-line: none;
}
.news-pickup__container {
  transition-property: padding-bottom;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  padding: var(--padding-page-pickup);
}

.news-pickup__container__inner {
  border-radius: var(--radius--sm);
  background-color: var(--color-body);
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  overflow: hidden;
}

.news-pickup__container__fig {
  overflow: hidden;
}
.news-pickup__container__fig img {
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 0;
}

.news-pickup__container__content {
  position: relative;
  padding: 1em;
}
.news-pickup__container__content__message {
  margin-top: -0.35em;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  color: var(--color-figure);
}

.news-pickup__container__content__date {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1.7;
}

.news-pickup__container__content__more {
  position: absolute;
  z-index: 213;
  right: 1em;
  bottom: 1em;
  pointer-events: none;
  translate: 0 50%;
}

.news-pickup__container__content__more__inner {
  translate: 0 -0.5em;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.news-pickup__container__content__more__inner > * {
  min-width: 0;
}
.news-pickup__container__content__more__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.news-pickup__container__content__more__inner {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
.news-pickup__container__content__more__inner {
  gap: 0.4em;
}
.news-pickup__container__content__more__icon {
  display: block;
  z-index: 106;
  background-color: currentcolor;
  width: 2.1rem;
  height: 2.1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M17.14648,9.43945l-3.79297-3.79297c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l3.64648,3.64648H3.5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h12.79297l-3.64648,3.64648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l3.79297-3.79297c.58496-.58496.58496-1.53613,0-2.12109Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

@media (hover: hover) {
  a.news-pickup__container:hover {
    padding-bottom: calc(var(--padding-page-pickup) + 1em);
  }
  a.news-pickup__container:hover .news-pickup__container__content__more__icon {
    translate: 0.315rem;
  }
}
a.news-pickup__container:focus-visible, a.news-pickup__container.is-hover {
  padding-bottom: calc(var(--padding-page-pickup) + 1em);
}
a.news-pickup__container:focus-visible .news-pickup__container__content__more__icon, a.news-pickup__container.is-hover .news-pickup__container__content__more__icon {
  translate: 0.315rem;
}

.indent p,
p.indent {
  text-indent: 1.05em;
}
.indent p.indent--none,
p.indent.indent--none {
  text-indent: 0 !important;
}

span.indent,
div.indent {
  padding-left: 1.05em;
}

.skip-link {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  translate: 0 -100%;
  transition-property: transform,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 830;
  opacity: 0;
}
.skip-link a, .skip-link button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .skip-link a:hover, .skip-link button:hover {
    text-decoration-line: none;
  }
}
.skip-link a:focus-visible, .skip-link a.is-hover, .skip-link button:focus-visible, .skip-link button.is-hover {
  text-decoration-line: none;
}
.skip-link a, .skip-link button {
  color: var(--color-body);
}
@media (hover: hover) {
  .skip-link a:hover, .skip-link button:hover {
    color: var(--color-body);
  }
}
.skip-link a:focus-visible, .skip-link a.is-hover, .skip-link button:focus-visible, .skip-link button.is-hover {
  color: var(--color-body);
}
.skip-link:has(:focus-visible) {
  translate: 0 0;
  opacity: 1;
}

.skip-link__inner {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  display: inline-block;
  padding: 0.8rem 1.3rem;
  background-color: var(--color-main);
  text-transform: uppercase;
}
html.un-touched .skip-link__inner:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}

.step-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.step-nav > * {
  min-width: 0;
}
.step-nav > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.step-nav:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.step-nav {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1;
}
@media print, screen and (min-width: 1018.02px) {
  .step-nav {
    padding-left: 0;
    padding-right: 0;
  }
}

.step-nav__item {
  flex: 2;
  position: relative;
  height: calc(1.5em + 0.2rem);
  color: var(--color-main);
  white-space: nowrap;
  overflow: visible;
  border-bottom: 0.2rem solid var(--color-border);
}
.step-nav__item:first-child, .step-nav__item:last-child {
  flex: 1;
}
.step-nav__item::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--color-border);
  border-radius: 50%;
  border: 0.1rem solid var(--color-body);
  position: absolute;
  left: calc(50% - 0.6rem);
  bottom: -0.7rem;
  z-index: 3;
}
.step-nav__item:first-child::before {
  left: -0.6rem;
}
.step-nav__item:last-child::before {
  right: -0.6rem;
  left: auto;
}
.step-nav__item.is-done::before {
  background-color: var(--color-main);
}
.step-nav__item.is-active::before {
  background-color: var(--color-body);
  border-color: var(--color-main);
}
.step-nav__item.is-done:not(:first-child)::after, .step-nav__item.is-active:not(:first-child)::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -0.2rem;
  left: -50%;
  z-index: 2;
  height: 0.2rem;
  background-color: var(--color-main);
}
.step-nav__item.is-done:last-child::after, .step-nav__item.is-active:last-child::after {
  width: 200%;
  left: -100%;
}
.step-nav__item span {
  white-space: nowrap;
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -200%;
  top: 0;
  width: 400%;
  text-align: center;
}
.step-nav__item span::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  height: 0.5em;
  bottom: -0.5em;
  width: 0.1rem;
  background-color: var(--color-main);
}
.step-nav__item:first-child span {
  left: 0;
  margin-left: 0;
  text-align: left;
  margin-left: 0;
}
.step-nav__item:first-child span::before {
  right: auto;
}
.step-nav__item:last-child span {
  left: auto;
  right: 0;
  text-align: right;
  margin-left: 0;
  width: auto;
}
.step-nav__item:last-child span::before {
  left: auto;
}
.step-nav__item.is-active span {
  display: block;
}

.sticky {
  position: sticky;
  top: 0;
}

.is-sticky {
  background-color: red;
}

.sticky-hero {
  z-index: 100;
  position: relative;
  display: block;
}

.sticky-hero__media {
  position: sticky;
  top: 0;
  z-index: 101;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 100vh;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border-width;
  border: 0 solid transparent;
  background-clip: content-box;
  -webkit-background-clip: content-box;
}

.sticky-hero__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.sticky-hero__content > * {
  min-width: 0;
}
.sticky-hero__content > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.sticky-hero__content {
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 102;
  min-height: 100vh;
  padding-top: 10vh;
  padding-bottom: 100vh;
}

.sticky-header {
  position: sticky;
  top: -100px;
  height: 100px;
  background-color: yellow;
  width: 100%;
  left: 0;
  transition: top;
  transition-property: top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.sticky-header:not(.is-activing) {
  top: 0;
}

.sticky-header__trigger {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100vh;
  background-color: purple;
}

.tabbed__nav:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.tabbed__nav a, .tabbed__nav button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .tabbed__nav a:hover, .tabbed__nav button:hover {
    text-decoration-line: none;
  }
}
.tabbed__nav a:focus-visible, .tabbed__nav a.is-hover, .tabbed__nav button:focus-visible, .tabbed__nav button.is-hover {
  text-decoration-line: none;
}
.tabbed__nav a, .tabbed__nav button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .tabbed__nav a:hover, .tabbed__nav button:hover {
    color: var(--color-font-link-hover);
  }
}
.tabbed__nav a:focus-visible, .tabbed__nav a.is-hover, .tabbed__nav button:focus-visible, .tabbed__nav button.is-hover {
  color: var(--color-font-link-hover);
}
.tabbed__nav {
  height: calc(3.7em + 0.1rem);
  overflow: hidden;
  width: calc(100% + var(--padding-page--l) + var(--padding-page--r));
  margin-inline: calc(var(--padding-page--l) * -1) calc(var(--padding-page--r) * -1);
}
@media print, screen and (min-width: 1018.02px) {
  .tabbed__nav {
    width: calc(100vw - var(--scrollbar-width));
    margin-inline: calc((100vw - var(--scrollbar-width) - 101.8rem) * -0.5 - 5.5rem) calc((100vw - var(--scrollbar-width) - 101.8rem) * -0.5 - 5.5rem);
  }
}
.tabbed__nav--v, .tabbed__nav--fill, .tabbed__nav--center {
  overflow: visible;
  height: auto;
}
.tabbed__nav--v, .tabbed__nav--center {
  width: 100%;
  margin-inline: 0;
}
.tabbed__nav__list {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  height: calc(3.7em + 2.1rem);
  white-space: nowrap;
}
.tabbed__nav--v .tabbed__nav__list, .tabbed__nav--fill .tabbed__nav__list, .tabbed__nav--center .tabbed__nav__list {
  overflow: visible;
  height: auto;
  white-space: normal;
}
.tabbed__nav--fill .tabbed__nav__list {
  display: grid;
}
.tabbed__nav--fill .tabbed__nav__list {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.tabbed__nav--center .tabbed__nav__list {
  text-align: center;
  position: relative;
}
.tabbed__nav--center .tabbed__nav__list::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: var(--color-border);
}

.tabbed__nav__list__item {
  position: relative;
  border-bottom: 0.1rem solid var(--color-border);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: inline-block;
}
.tabbed__nav__list__item:first-child {
  margin-left: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .tabbed__nav__list__item:first-child {
    margin-left: 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .tabbed__nav__list__item:first-child {
    margin-left: 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .tabbed__nav__list__item:first-child {
    margin-left: calc((100vw - var(--scrollbar-width) - 90.8rem - 11rem) * 0.5 + 5.5rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .tabbed__nav__list__item:first-child {
    margin-left: calc((100vw - var(--scrollbar-width) - 104rem - 22rem) * 0.5 + 11rem);
  }
}
.tabbed__nav--v .tabbed__nav__list__item:first-child, .tabbed__nav--center .tabbed__nav__list__item:first-child {
  margin-left: 0;
}
.tabbed__nav__list__item:last-child {
  margin-right: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .tabbed__nav__list__item:last-child {
    margin-right: 2.3rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .tabbed__nav__list__item:last-child {
    margin-right: 5.5rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .tabbed__nav__list__item:last-child {
    margin-right: calc((100vw - var(--scrollbar-width) - 90.8rem - 11rem) * 0.5 + 5.5rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .tabbed__nav__list__item:last-child {
    margin-right: calc((100vw - var(--scrollbar-width) - 104rem - 22rem) * 0.5 + 11rem);
  }
}
.tabbed__nav--v .tabbed__nav__list__item:last-child, .tabbed__nav--center .tabbed__nav__list__item:last-child {
  margin-right: 0;
}
.tabbed__nav__list__item::before {
  content: "";
  position: absolute;
  right: 1em;
  bottom: -0.1rem;
  width: calc(100% - 2em);
  height: 0.1rem;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: background;
}
.tabbed__nav__list__item[aria-selected=true] {
  pointer-events: none;
}
html.no-js .tabbed__nav__list__item[aria-selected=true] {
  pointer-events: auto;
}
html:not(.no-js) .tabbed__nav__list__item[aria-selected=true] {
  color: #004098;
}
html:not(.no-js) .tabbed__nav__list__item[aria-selected=true]::before {
  background-color: currentcolor;
}
.tabbed__nav__list__item[aria-disabled=true] {
  pointer-events: none;
  color: rgba(22, 24, 26, 0.5);
}
html.un-touched .tabbed__nav__list__item:focus-visible {
  outline: 0 !important;
}
html.un-touched .tabbed__nav__list__item:focus-visible .tabbed__nav__list__item__str {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: calc(1lh - 0.1rem);
}
.tabbed__nav__list__item:focus-visible .tabbed__nav__list__item__str {
  border-radius: 0.1rem;
}

.tabbed__nav__list__item__str {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.tabbed__nav__list__item__str + .tabbed__nav__list__item__str {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  line-height: 1;
  color: transparent;
}

html:not(.no-js) .tabbed [role=tabpanel] {
  display: none;
}
html:not(.no-js) .tabbed [role=tabpanel], html:not(.no-js) .tabbed [role=tabpanel]:not(:last-child), html:not(.no-js) .tabbed [role=tabpanel]:not(:first-child) {
  margin-block: 0;
}
html:not(.no-js) .tabbed [role=tabpanel].is-active {
  display: block;
}

:root {
  --table-padding--h: 0.8rem;
}
@media print, screen and (min-width: 667.02px) {
  :root {
    --table-padding--h: 1.3rem;
  }
}

:root {
  --table-padding--v: 0.3rem;
}
@media print, screen and (min-width: 667.02px) {
  :root {
    --table-padding--v: 0.8rem;
  }
}

:root {
  --table-padding: var(--table-padding--v) var(--table-padding--h);
}

table th {
  vertical-align: middle;
}
table td {
  vertical-align: top;
}
:where(.tableView) {
  width: 100%;
}

.tableView {
  border-collapse: separate;
  border-right: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-bottom: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
.tableView:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.tableView:not(:first-child) {
  margin-top: calc(var(--margin-section) * 1);
}
.tableView thead th {
  text-align: center;
}
.tableView caption {
  padding: var(--table-padding);
}
.tableView td,
.tableView th {
  text-align: left;
  border-top: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-left: 0.1rem solid rgb(229.37, 229.59, 229.81);
  padding: var(--table-padding);
  vertical-align: middle;
}
.tableView td.solid,
.tableView th.solid {
  padding: 0 !important;
}
.tableView td.null,
.tableView th.null {
  font-style: italic !important;
  color: rgba(22, 24, 26, 0.5);
}
.tableView th {
  white-space: nowrap;
  background-color: rgb(241.02, 241.14, 241.26);
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  font-weight: bold;
}
@media print, screen and (max-width: 843px) {
  .tableView th {
    white-space: normal;
  }
}
.tableView td {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}
.tableView tr:first-child td:first-child:empty {
  background-color: rgb(241.02, 241.14, 241.26);
}
.tableView .int {
  text-align: right;
  white-space: nowrap;
}
.tableView tr.sum {
  position: relative;
}
.tableView tr.sum::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 0.2rem;
  background: rgb(229.37, 229.59, 229.81);
  pointer-events: none;
}
.tableView tr.sum td, .tableView tr.sum th {
  padding-top: cald(var(table-padding--v)0.1rem);
}

.tableView__td--em {
  font-weight: bold;
}

.tableView:has(th.tableview__td--kist),
.tableView:has(th.tableview__td--global) {
  margin-top: calc(var(--margin-section) + 4.4rem);
}
.tableView:has(th.tableview__td--kist) tr td:nth-child(2),
.tableView:has(th.tableview__td--global) tr td:nth-child(2) {
  background-color: rgba(0, 64, 152, 0.15);
}
.tableView:has(th.tableview__td--kist) tr td:nth-child(3),
.tableView:has(th.tableview__td--global) tr td:nth-child(3) {
  background-color: var(--color-figure-light--1);
}

.tableView:has(th.tableview__td--inner-kist) tr td:nth-child(2),
.tableView:has(th.tableview__td--inner-kist) tr td:nth-child(4),
.tableView:has(th.tableview__td--inner-global) tr td:nth-child(2),
.tableView:has(th.tableview__td--inner-global) tr td:nth-child(4) {
  background-color: rgba(0, 64, 152, 0.15);
}
.tableView:has(th.tableview__td--inner-kist) tr td:nth-child(3),
.tableView:has(th.tableview__td--inner-kist) tr td:nth-child(5),
.tableView:has(th.tableview__td--inner-global) tr td:nth-child(3),
.tableView:has(th.tableview__td--inner-global) tr td:nth-child(5) {
  background-color: var(--color-figure-light--1);
}

th.tableview__td--kist,
th.tableview__td--global {
  color: var(--color-white);
  position: relative;
  z-index: 1;
}
th.tableview__td--kist span,
th.tableview__td--global span {
  padding: var(--table-padding--h) var(--table-padding--v);
  position: absolute;
  z-index: 2;
  left: -0.1rem;
  bottom: -0.1rem;
  width: calc(100% + 0.2rem);
  padding-top: 4.4rem;
  background-color: var(--color-main);
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-top-left-radius: var(--radius--sm);
  border-top-right-radius: var(--radius--sm);
  white-space: normal;
}
th.tableview__td--kist span::before,
th.tableview__td--global span::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: var(--table-padding--h);
  background-color: currentcolor;
  width: 2.1rem;
  height: 2.1rem;
}

th.tableview__td--inner-kist,
th.tableview__td--inner-global {
  color: var(--color-white);
  position: relative;
  z-index: 1;
  padding: 0;
}
th.tableview__td--inner-kist span,
th.tableview__td--inner-global span {
  padding: var(--table-padding--h) var(--table-padding--v);
  position: relative;
  display: block;
  width: 100%;
  padding-top: 4.4rem;
  background-color: var(--color-main);
  white-space: normal;
}
th.tableview__td--inner-kist span::before,
th.tableview__td--inner-global span::before {
  content: "";
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: var(--table-padding--h);
  background-color: currentcolor;
  width: 2.1rem;
  height: 2.1rem;
}

th.tableview__td--kist span,
th.tableview__td--inner-kist span {
  background-color: var(--color-main);
}
th.tableview__td--kist span::before,
th.tableview__td--inner-kist span::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M10.5,2c-3.83227,1.73529-5.52956,2.34882-7.4035,2.43423v6.25688c0,3.01842.67958,4.6118,2.18019,6.15498,1.2783,1.31455,3.15677,2.15392,5.22331,2.15392s3.945-.83937,5.2233-2.15392c.37907-.38982.70557-.78294.98215-1.20133h-5.24189v-.38572c.7137-.02624,1.22741-.06581,1.22741-.34874,0-.14958-.09375-.3249-.24463-.51166l.00287.00256-3.02663-3.76634-.44268.44267v2.80465c0,.8183.08499,1.31424,1.41484,1.37686v.38573h-1.41484v.00283h-2.53013v-.00283h-1.37718v-.38572h.02342l-.02342-.00247c1.29352-.06262,1.37617-.55856,1.37617-1.37686l.001.00516v-7.15502l-.001.00516c0-.8183-.08266-1.31424-1.37617-1.37686v-.38573h5.32215v.38573c-1.32986.06262-1.41484.55856-1.41484,1.37686v3.46949l3.64298-3.64297c.25886-.25512.38309-.434.38309-.73477,0-.30091-.32379-.43227-1.34409-.46861v-.38572s4.54471,0,4.54471,0v.38564s-.00004.00009-.00009.00009c-1.04902.03746-1.92889.42168-3.24898,1.74177l-1.81942,1.81942,4.51404,5.61729c.34135.42475.53801.58568.88435.6829.2193.05971.39213.04764.50954-.15295.00875-.01676.01789-.03323.02648-.05009.00005-.00012.00012-.00023.00018-.00035.56539-1.10881.83083-2.43862.83083-4.32503v-6.25688c-1.87395-.08541-3.57123-.69894-7.4035-2.43423Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

th.tableview__td--global span,
th.tableview__td--inner-global span {
  background-color: var(--color-figure-light--9);
}
th.tableview__td--global span::before,
th.tableview__td--inner-global span::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path d="M10.5,19c-4.68652,0-8.5-3.81348-8.5-8.5C2,5.81299,5.81348,2,10.5,2s8.5,3.81299,8.5,8.5c0,4.68652-3.81348,8.5-8.5,8.5ZM10.5,3c-4.13574,0-7.5,3.36426-7.5,7.5s3.36426,7.5,7.5,7.5,7.5-3.36426,7.5-7.5-3.36426-7.5-7.5-7.5Z"/><path d="M10.5,19c-2.52344,0-4.5-3.7334-4.5-8.5S7.97656,2,10.5,2s4.5,3.7334,4.5,8.5-1.97656,8.5-4.5,8.5ZM10.5,3c-1.89746,0-3.5,3.43457-3.5,7.5s1.60254,7.5,3.5,7.5,3.5-3.43457,3.5-7.5-1.60254-7.5-3.5-7.5Z"/><rect x="2.5" y="10" width="16" height="1"/><rect x="10" y="2.5" width="1" height="16"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.tableView {
  border-radius: var(--radius--sm);
}
.tableView caption + thead tr:first-child th:first-child, .tableView caption + thead tr:first-child td:first-child,
.tableView thead:first-child tr:first-child th:first-child,
.tableView thead:first-child tr:first-child td:first-child,
.tableView tbody:first-child tr:first-child th:first-child,
.tableView tbody:first-child tr:first-child td:first-child {
  border-top-left-radius: var(--radius--sm);
}
.tableView caption + thead tr:first-child th:last-child, .tableView caption + thead tr:first-child td:last-child,
.tableView thead:first-child tr:first-child th:last-child,
.tableView thead:first-child tr:first-child td:last-child,
.tableView tbody:first-child tr:first-child th:last-child,
.tableView tbody:first-child tr:first-child td:last-child {
  border-top-right-radius: var(--radius--sm);
}
.tableView tbody:last-child tr:last-child th:first-child, .tableView tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: var(--radius--sm);
}
.tableView tbody:last-child tr:last-child th:last-child, .tableView tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: var(--radius--sm);
}

.tableView.grade_eligibility_chart caption span {
  display: inline-block;
  font-weight: bold;
}
.tableView.grade_eligibility_chart caption span:first-child {
  margin-right: 0.4em;
}
.tableView.grade_eligibility_chart caption span:last-child {
  font-size: 0.75em;
  vertical-align: 0.125em;
  font-weight: 500;
}
.tableView.grade_eligibility_chart tbody th {
  vertical-align: top;
  position: relative;
  padding: var(--table-padding--h) var(--table-padding--v);
}
.tableView.grade_eligibility_chart tbody th span {
  display: block;
}
@media print, screen and (max-width: 843px) {
  .tableView.grade_eligibility_chart tbody th {
    width: 1%;
  }
  .tableView.grade_eligibility_chart tbody th span {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
  }
}
.tableView.grade_eligibility_chart tbody td:nth-last-child(2) {
  text-align: right;
}
.tableView.grade_eligibility_chart tbody td:nth-last-child(1) {
  text-align: right;
}
.tableView.grade_eligibility_chart tbody td:nth-last-child(1) span {
  display: inline-block;
}

.grade_eligibility_chart--to-apply-for {
  font-size: var(--font-size--xxs);
  letter-spacing: var(--letter-spacing--xxs);
  line-height: 1.7;
  font-weight: 500;
}

.tableView-sup {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.tableView.academic-performance__chart1 td {
  text-align: right;
}

.tableView.academic-performance__chart2 thead th {
  white-space: normal;
}
.tableView.academic-performance__chart2 td {
  text-align: right;
}
div.tag:not(:last-child), ul.tag:not(:last-child), p.tag:not(:last-child), span.tag:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
div.tag a, div.tag button, ul.tag a, ul.tag button, p.tag a, p.tag button, span.tag a, span.tag button {
  text-decoration-line: none;
}
@media (hover: hover) {
  div.tag a:hover, div.tag button:hover, ul.tag a:hover, ul.tag button:hover, p.tag a:hover, p.tag button:hover, span.tag a:hover, span.tag button:hover {
    text-decoration-line: none;
  }
}
div.tag a:focus-visible, div.tag a.is-hover, div.tag button:focus-visible, div.tag button.is-hover, ul.tag a:focus-visible, ul.tag a.is-hover, ul.tag button:focus-visible, ul.tag button.is-hover, p.tag a:focus-visible, p.tag a.is-hover, p.tag button:focus-visible, p.tag button.is-hover, span.tag a:focus-visible, span.tag a.is-hover, span.tag button:focus-visible, span.tag button.is-hover {
  text-decoration-line: none;
}
div.tag, ul.tag, p.tag, span.tag {
  margin: -0.1909910295em;
}

a.tag__item:focus-visible {
  outline-offset: 0;
}

.tag__item {
  margin: 0.1909910295em;
  display: inline-block;
  border-radius: var(--radius);
  vertical-align: middle;
  white-space: nowrap;
  line-height: 2.2360939431em;
  border-style: solid;
  border-color: rgba(22, 24, 26, 0.11);
  border-width: 0.1rem;
}

html.un-touched .tag__item:focus-visible {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
.tag--sm .tag__item {
  line-height: 1.7639641181em;
}
.tag--lg .tag__item {
  line-height: 3em;
}
.tag__item:not(.bg) {
  background-color: rgb(250.34, 250.38, 250.42);
}
.tag__item:not(.bg).is-active, .tag__item:not(.bg)[aria-pressed=true] {
  background-color: rgb(215.39, 215.73, 216.07);
}
.tag__item, .tag__item a {
  padding: 0 0.6180469716em;
}
.tag--sm .tag__item, .tag--sm .tag__item a {
  padding: 0 0.3819820591em;
}
.tag--lg .tag__item, .tag--lg .tag__item a {
  padding: 0 1em;
}
.tag__item a {
  display: block;
  margin: 0 -0.6180469716em;
}
.tag--sm .tag__item a {
  margin: 0 -0.3819820591em;
}
.tag--lg .tag__item a {
  margin: 0 -1em;
}
html.un-touched .tag__item:has(a:focus-visible) {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
.tag__item span {
  display: inline-block;
}
.tag__item span:not(:first-child) {
  border-color: inherit;
  border-left-style: solid;
  border-left-width: 0.1rem;
  padding-left: 0.6180469716em;
  margin-left: 0.6180469716em;
}
.tag--sm .tag__item span:not(:first-child) {
  padding-left: 0.3819820591em;
  margin-left: 0.3819820591em;
}
.tag--lg .tag__item span:not(:first-child) {
  padding-left: 1em;
  margin-left: 1em;
}

span.tag__item {
  margin-top: 0;
  margin-bottom: 0;
}

.thumbnail:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.thumbnail a, .thumbnail button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .thumbnail a:hover, .thumbnail button:hover {
    text-decoration-line: none;
  }
}
.thumbnail a:focus-visible, .thumbnail a.is-hover, .thumbnail button:focus-visible, .thumbnail button.is-hover {
  text-decoration-line: none;
}
.thumbnail a, .thumbnail button {
  color: inherit;
}
@media (hover: hover) {
  .thumbnail a:hover, .thumbnail button:hover {
    color: inherit;
  }
}
.thumbnail a:focus-visible, .thumbnail a.is-hover, .thumbnail button:focus-visible, .thumbnail button.is-hover {
  color: inherit;
}

.thumbnail__list {
  display: grid;
}
.thumbnail__list {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.thumbnail--1 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
.thumbnail--2 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
.thumbnail--3 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
.thumbnail--4 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
.thumbnail--5 .thumbnail__list {
  grid-template-columns: repeat(5, 1fr);
}
.thumbnail--6 .thumbnail__list {
  grid-template-columns: repeat(6, 1fr);
}
.thumbnail--1-1-1 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-1 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-1 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.thumbnail--1-1-2 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-2 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-2 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.thumbnail--1-1-3 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-3 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--1-1-4 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-4 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--1-1-5 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-5 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--1-1-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-1-6 .thumbnail__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-1-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--1-2-2 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-2-2 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-2-2 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.thumbnail--1-2-3 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-2-3 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-2-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--1-2-4 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-2-4 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-2-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--1-2-5 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-2-5 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-2-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--1-2-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-2-6 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-2-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--1-3-3 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--1-3-4 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-3-4 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-3-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--1-3-5 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-3-5 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-3-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--1-3-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-3-6 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-3-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--1-4-4 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--1-4-5 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-4-5 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-4-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--1-4-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-4-6 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-4-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--1-5-5 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--1-5-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-5-6 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-5-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--1-6-6 .thumbnail__list {
  grid-template-columns: repeat(1, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--1-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--1-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--2-2-2 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-2-2 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-2-2 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.thumbnail--2-2-3 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-2-3 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-2-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--2-2-4 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-2-4 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-2-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--2-2-5 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-2-5 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-2-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--2-2-6 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-2-6 .thumbnail__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-2-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--2-3-3 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--2-3-4 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-3-4 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-3-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--2-3-5 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-3-5 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-3-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--2-3-6 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-3-6 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-3-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--2-4-4 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--2-4-5 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-4-5 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-4-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--2-4-6 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-4-6 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-4-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--2-5-5 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--2-5-6 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-5-6 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-5-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--2-6-6 .thumbnail__list {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--2-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--2-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--3-3-3 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-3-3 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.thumbnail--3-3-4 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-3-4 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-3-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--3-3-5 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-3-5 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-3-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--3-3-6 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-3-6 .thumbnail__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-3-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--3-4-4 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--3-4-5 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-4-5 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-4-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--3-4-6 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-4-6 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-4-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--3-5-5 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--3-5-6 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-5-6 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-5-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--3-6-6 .thumbnail__list {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--3-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--3-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--4-4-4 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-4-4 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.thumbnail--4-4-5 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-4-5 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-4-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--4-4-6 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-4-6 .thumbnail__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-4-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--4-5-5 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--4-5-6 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-5-6 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-5-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--4-6-6 .thumbnail__list {
  grid-template-columns: repeat(4, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--4-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--4-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--5-5-5 .thumbnail__list {
  grid-template-columns: repeat(5, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--5-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--5-5-5 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.thumbnail--5-5-6 .thumbnail__list {
  grid-template-columns: repeat(5, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--5-5-6 .thumbnail__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--5-5-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--5-6-6 .thumbnail__list {
  grid-template-columns: repeat(5, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--5-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--5-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail--6-6-6 .thumbnail__list {
  grid-template-columns: repeat(6, 1fr);
}
@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .thumbnail--6-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .thumbnail--6-6-6 .thumbnail__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.thumbnail__list__item {
  transition-property: none !important;
}

.thumbnail__list__item__inner {
  width: 100%;
  background-color: var(--color-body);
}
.thumbnail--text .thumbnail__list__item__inner {
  background-color: transparent;
}
@media print, screen and (min-width: 667.02px) {
  .thumbnail--sticky .thumbnail__list__item__inner {
    display: grid;
  }
  .thumbnail--sticky .thumbnail__list__item__inner {
    gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
  }
  .thumbnail--sticky .thumbnail__list__item__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
.thumbnail--h .thumbnail__list__item__inner {
  display: grid;
}
.thumbnail--h .thumbnail__list__item__inner {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.thumbnail--h .thumbnail__list__item__inner {
  grid-template-columns: 1fr 4fr;
}
.thumbnail__list__item__image {
  position: relative;
  z-index: 102;
}

.thumbnail__list__item__image__area {
  position: relative;
  overflow: hidden;
}
.thumbnail__list__item__image__area img {
  object-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 101;
}
.thumbnail__list__item__image__area .loading {
  z-index: 100;
}
.thumbnail__list__item__image__area img {
  object-fit: cover;
}
.thumbnail__list__item__image__area {
  position: relative;
  z-index: 103;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
}
.thumbnail__list__item__image__area {
  aspect-ratio: "3/2";
}
a.thumbnail__list__item:hover .thumbnail__list__item__image__area {
  opacity: 0.6;
}
.thumbnail--sticky .thumbnail__list__item__image__area, .thumbnail--h .thumbnail__list__item__image__area, .thumbnail--square .thumbnail__list__item__image__area {
  aspect-ratio: 1/1;
}

.thumbnail__list__item__image__area__no-image {
  position: absolute;
  margin: auto;
  inset: 0;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  height: 1em;
  text-align: center;
}

.thumbnail__list__item--reserved .thumbnail__list__item__image::after {
  content: "Rserved";
  z-index: 104;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3rem 0.8rem;
  background-color: rgb(241.02, 241.14, 241.26);
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
.thumbnail__list__item--cancel .thumbnail__list__item__image {
  overflow: hidden;
}
.thumbnail__list__item--cancel .thumbnail__list__item__image::after {
  content: "";
  width: 200%;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: -50%;
  transform: rotate(-60deg);
  height: 4%;
  z-index: 104;
  transform-origin: center;
  background-color: #a61955;
}

.thumbnail__list__item__note {
  padding-top: 0.8rem;
}
.bg .thumbnail__list__item__note, body.custom-background .thumbnail__list__item__note, .thumbnail--bordered .thumbnail__list__item__note, .thumbnail--shadow .thumbnail__list__item__note {
  padding: 0.8rem 1.3rem;
}
.thumbnail--text .thumbnail__list__item__note {
  padding: 0;
}
.thumbnail--bordered .thumbnail__list__item__note {
  border: 0.1rem solid var(--color-border);
  border-top: 0;
}
.thumbnail__list__item__note:only-child {
  width: 100% !important;
}
@media print, screen and (min-width: 667.02px) {
  .thumbnail--bordered.thumbnail--sticky .thumbnail__list__item__note {
    padding: 0;
    padding-left: 4rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 1.3rem;
    border: 0.1rem solid var(--color-border);
    border-left: 0;
  }
}
.thumbnail--bordered.thumbnail--h .thumbnail__list__item__note {
  padding: 0;
  padding-left: 4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-right: 1.3rem;
  border: 0.1rem solid var(--color-border);
  border-left: 0;
}
@media print, screen and (max-width: 1018px) {
  .thumbnail--bordered.thumbnail--h .thumbnail__list__item__note {
    padding-left: 2.6rem;
  }
}
.thumbnail__list__item__category {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}

.thumbnail__list__item__schedule {
  font-size: var(--font-size--lg);
  letter-spacing: var(--letter-spacing--lg);
  line-height: 1.7;
  overflow: hidden;
  *zoom: 1;
}

.thumbnail__list__item__schedule__item {
  float: left;
}
.thumbnail__list__item__schedule__item + .thumbnail__list__item__schedule__item {
  padding-left: 2.4em;
  position: relative;
}
.thumbnail__list__item__schedule__item + .thumbnail__list__item__schedule__item::before {
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: 0.2em;
  width: 2em;
  height: 0.1rem;
  background-color: var(--color-figure);
}

.thumbnail__list__item__schedule__item__w {
  margin-left: 0.5em;
}
.thumbnail__list__item__schedule__item__w:empty {
  display: none;
}

.thumbnail__list__item__category__item {
  display: inline;
}
.thumbnail__list__item__category__item:not(:first-child)::before {
  content: ", ";
}
.thumbnail__list__item__category__item .icon-font {
  margin-right: 0.3em;
}

.thumbnail__list__item__title {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: color;
  line-height: 1.5;
}
@media (hover: hover) {
  a.thumbnail__list__item:hover .thumbnail__list__item__title {
    color: rgb(0, 51.2, 121.6);
  }
}

.thumbnail__list__item__title__tag {
  height: 1.7em;
  padding-inline: 0.3em;
  margin-right: 0.4em;
  border: 0.1rem solid var(--color-border);
  border-radius: var(--radius);
}
.thumbnail__list__item__title__tag span {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
}

.thumbnail__list__item__description {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  word-break: break-all;
}
@media print, screen and (max-width: 667px) {
  .thumbnail__list__item__description {
    display: none;
  }
  .thumbnail--1 .thumbnail__list__item__description, .thumbnail--sticky .thumbnail__list__item__description, .thumbnail--text .thumbnail__list__item__description {
    display: block;
  }
}

.thumbnail__list__item__tag {
  font-size: 1.1rem;
}
@media print, screen and (max-width: 1018px) {
  .thumbnail__list__item__tag {
    font-size: 0.9rem;
  }
}

.thumbnail__list__item__date {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}

.thumbnail__list__item__date__time {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
  display: inline-block;
}

.thumbnail__list__item__date__new {
  color: var(--color-new);
  display: inline-block;
  margin-left: 1em;
}

.ticket {
  border-radius: var(--radius);
  box-shadow: 0 0 1.7em 0.1rem rgba(22, 24, 26, 0.17);
  overflow: hidden;
  color: var(--color-figure);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.ticket > * {
  min-width: 0;
}
.ticket > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}

.ticket--dot--v {
  flex-direction: row;
}

.ticket--dot--h {
  flex-direction: column;
}

.ticket__head,
.ticket__foot {
  padding: 0.8rem 1.3rem;
  background-color: rgb(229.37, 229.59, 229.81);
}

.ticket__hr {
  position: relative;
  background-color: rgba(22, 24, 26, 0.17);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.ticket__hr > * {
  min-width: 0;
}
.ticket__hr > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.ticket__hr > *:not(.flex__item) {
  flex-grow: 1;
}
.ticket--dot--v .ticket__hr {
  flex-direction: column;
  min-width: 0.8rem;
}
.ticket--dot--h .ticket__hr {
  flex-direction: row;
  height: 0.8rem;
}
.ticket__hr span {
  position: relative;
  overflow: hidden;
}
.ticket__hr span::before {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 10rem solid rgb(229.37, 229.59, 229.81);
  box-sizing: content-box;
}
.ticket--dot--v .ticket__hr span {
  width: 0.8rem;
}
.ticket--dot--v .ticket__hr span::before {
  left: -10rem;
}
.ticket--dot--v .ticket__hr span:nth-child(2n+1)::before {
  top: -10.4rem;
}
.ticket--dot--v .ticket__hr span:nth-child(2n)::before {
  bottom: -10.4rem;
}
.ticket--dot--h .ticket__hr span {
  height: 0.8rem;
}
.ticket--dot--h .ticket__hr span::before {
  top: -10rem;
}
.ticket--dot--h .ticket__hr span:nth-child(2n+1)::before {
  left: -10.4rem;
}
.ticket--dot--h .ticket__hr span:nth-child(2n)::before {
  right: -10.4rem;
}

.tooltip, .chat__item__messasge__inner {
  position: relative;
  line-height: 1.7;
}

.tooltip:not(.tooltip--click):not(:last-child), .chat__item__messasge__inner:not(.tooltip--click):not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.tooltip--click {
  display: inline-block;
}
.tooltip--click .draw-close {
  position: absolute;
  right: 0;
  top: 0;
  translate: 50% -50%;
}

.tooltip__item, .chat__item__messasge__inner__item {
  text-indent: 0;
  padding: 0.65em 1em;
  position: relative;
  border-radius: 0.05em;
  display: block;
}
.tooltip--sm .tooltip__item, .tooltip--sm .chat__item__messasge__inner__item {
  padding: 0.2680469716em 0.6180469716em;
}
.tooltip--lg .tooltip__item, .tooltip--lg .chat__item__messasge__inner__item {
  padding: 1.268em 1.618em;
}
.tooltip--main .tooltip__item, .tooltip--main .chat__item__messasge__inner__item {
  background-color: var(--color-main);
}
.tooltip--gray .tooltip__item, .tooltip--gray .chat__item__messasge__inner__item {
  background-color: var(--color-gray);
}
.tooltip--exGray .tooltip__item, .tooltip--exGray .chat__item__messasge__inner__item {
  background-color: var(--color-exGray);
}
.tooltip--ngtv .tooltip__item, .tooltip--ngtv .chat__item__messasge__inner__item {
  color: var(--color-body);
  background-color: var(--color-figure);
}
.tooltip__item:not(:last-child), .chat__item__messasge__inner__item:not(:last-child) {
  margin-bottom: 0.1rem;
}
.tooltip__item:first-child, .chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 0.15em;
  border-top-right-radius: 0.15em;
}
.tooltip__item:last-child, .chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
}
.tooltip--radius-lg .tooltip__item, .tooltip--radius-lg .chat__item__messasge__inner__item, .chat__item__messasge__inner .tooltip__item, .chat__item__messasge__inner .chat__item__messasge__inner__item {
  border-radius: 0.5em;
}
.tooltip--radius-lg .tooltip__item:first-child, .tooltip--radius-lg .chat__item__messasge__inner__item:first-child, .chat__item__messasge__inner .tooltip__item:first-child, .chat__item__messasge__inner .chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
}
.tooltip--radius-lg .tooltip__item:last-child, .tooltip--radius-lg .chat__item__messasge__inner__item:last-child, .chat__item__messasge__inner .tooltip__item:last-child, .chat__item__messasge__inner .chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
}
.tooltip--radius-lg.tooltip--sm .tooltip__item, .tooltip--radius-lg.tooltip--sm .chat__item__messasge__inner__item, .tooltip--sm.chat__item__messasge__inner .tooltip__item, .tooltip--sm.chat__item__messasge__inner .chat__item__messasge__inner__item {
  border-radius: 0.3726823239em;
}
.tooltip--radius-lg.tooltip--sm .tooltip__item:first-child, .tooltip--radius-lg.tooltip--sm .chat__item__messasge__inner__item:first-child, .tooltip--sm.chat__item__messasge__inner .tooltip__item:first-child, .tooltip--sm.chat__item__messasge__inner .chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 1.1180469716em;
  border-top-right-radius: 1.1180469716em;
}
.tooltip--radius-lg.tooltip--sm .tooltip__item:last-child, .tooltip--radius-lg.tooltip--sm .chat__item__messasge__inner__item:last-child, .tooltip--sm.chat__item__messasge__inner .tooltip__item:last-child, .tooltip--sm.chat__item__messasge__inner .chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 1.1180469716em;
  border-bottom-right-radius: 1.1180469716em;
}
.tooltip--radius-lg.tooltip--lg .tooltip__item, .tooltip--radius-lg.tooltip--lg .chat__item__messasge__inner__item, .tooltip--lg.chat__item__messasge__inner .tooltip__item, .tooltip--lg.chat__item__messasge__inner .chat__item__messasge__inner__item {
  border-radius: 0.706em;
}
.tooltip--radius-lg.tooltip--lg .tooltip__item:first-child, .tooltip--radius-lg.tooltip--lg .chat__item__messasge__inner__item:first-child, .tooltip--lg.chat__item__messasge__inner .tooltip__item:first-child, .tooltip--lg.chat__item__messasge__inner .chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 2.118em;
  border-top-right-radius: 2.118em;
}
.tooltip--radius-lg.tooltip--lg .tooltip__item:last-child, .tooltip--radius-lg.tooltip--lg .chat__item__messasge__inner__item:last-child, .tooltip--lg.chat__item__messasge__inner .tooltip__item:last-child, .tooltip--lg.chat__item__messasge__inner .chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 2.118em;
  border-bottom-right-radius: 2.118em;
}
.tooltip--radius-none .tooltip__item, .tooltip--radius-none .chat__item__messasge__inner__item {
  border-radius: 0 !important;
}
.tooltip--image .tooltip__item, .tooltip--image .chat__item__messasge__inner__item {
  padding: 0;
  width: 11.8rem;
}
.tooltip__item.tooltip__item--tale-top-left:first-child::after, .tooltip__item--tale-top-left.chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-top-center:first-child::after, .tooltip__item--tale-top-center.chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-top-right:first-child::after, .tooltip__item--tale-top-right.chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-right-top:first-child::after, .tooltip__item--tale-right-top.chat__item__messasge__inner__item:first-child::after, .chat__item--main .chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-right-center:first-child::after, .tooltip__item--tale-right-center.chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-left-top:first-child::after, .tooltip__item--tale-left-top.chat__item__messasge__inner__item:first-child::after, .chat__item--sub .chat__item__messasge__inner__item:first-child::after, .tooltip__item.tooltip__item--tale-left-center:first-child::after, .tooltip__item--tale-left-center.chat__item__messasge__inner__item:first-child::after {
  content: "";
  z-index: 700;
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: inherit;
}
.tooltip__item.tooltip__item--tale-right-bottom:last-child::after, .tooltip__item--tale-right-bottom.chat__item__messasge__inner__item:last-child::after, .tooltip__item.tooltip__item--tale-left-bottom:last-child::after, .tooltip__item--tale-left-bottom.chat__item__messasge__inner__item:last-child::after, .tooltip__item.tooltip__item--tale-bottom-left:last-child::after, .tooltip__item--tale-bottom-left.chat__item__messasge__inner__item:last-child::after, .tooltip__item.tooltip__item--tale-bottom-center:last-child::after, .tooltip__item--tale-bottom-center.chat__item__messasge__inner__item:last-child::after, .tooltip__item.tooltip__item--tale-bottom-right:last-child::after, .tooltip__item--tale-bottom-right.chat__item__messasge__inner__item:last-child::after {
  content: "";
  z-index: 700;
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: inherit;
}
.tooltip__item.tooltip__item--tale-top-right:first-child, .tooltip__item--tale-top-right.chat__item__messasge__inner__item:first-child {
  border-top-right-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-top-right:first-child::after, .tooltip__item--tale-top-right.chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(100% 0%, 50% 50%, 100% 100%);
  top: -0.5em;
  right: 0;
}
.tooltip__item.tooltip__item--tale-top-left:first-child, .tooltip__item--tale-top-left.chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-top-left:first-child::after, .tooltip__item--tale-top-left.chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(0% 0%, 0% 100%, 50% 50%);
  top: -0.5em;
  left: 0;
}
.tooltip__item.tooltip__item--tale-top-center:first-child::after, .tooltip__item--tale-top-center.chat__item__messasge__inner__item:first-child::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  clip-path: polygon(50% 0%, 0% 50%, 50% 100%, 100% 50%);
  top: -0.5em;
}
.tooltip__item.tooltip__item--tale-bottom-right:last-child, .tooltip__item--tale-bottom-right.chat__item__messasge__inner__item:last-child {
  border-bottom-right-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-bottom-right:last-child::after, .tooltip__item--tale-bottom-right.chat__item__messasge__inner__item:last-child::after {
  clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
  bottom: -0.5em;
  right: 0;
}
.tooltip__item.tooltip__item--tale-bottom-left:last-child, .tooltip__item--tale-bottom-left.chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-bottom-left:last-child::after, .tooltip__item--tale-bottom-left.chat__item__messasge__inner__item:last-child::after {
  clip-path: polygon(0% 0%, 50% 50%, 0% 100%);
  bottom: -0.5em;
  left: 0;
}
.tooltip__item.tooltip__item--tale-bottom-center:last-child::after, .tooltip__item--tale-bottom-center.chat__item__messasge__inner__item:last-child::after {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
  bottom: -0.5em;
}
.tooltip__item.tooltip__item--tale-right-top:first-child, .tooltip__item--tale-right-top.chat__item__messasge__inner__item:first-child, .chat__item--main .chat__item__messasge__inner__item:first-child {
  border-top-right-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-right-top:first-child::after, .tooltip__item--tale-right-top.chat__item__messasge__inner__item:first-child::after, .chat__item--main .chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(0% 0%, 100% 0%, 50% 50%);
  right: -0.5em;
  top: 0;
}
.tooltip__item.tooltip__item--tale-right-center:first-child::after, .tooltip__item--tale-right-center.chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  right: -0.5em;
  top: 50%;
  margin-top: calc(-0.425em + -0.1rem);
}
.tooltip__item.tooltip__item--tale-right-bottom:last-child, .tooltip__item--tale-right-bottom.chat__item__messasge__inner__item:last-child {
  border-bottom-right-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-right-bottom:last-child::after, .tooltip__item--tale-right-bottom.chat__item__messasge__inner__item:last-child::after {
  clip-path: polygon(50% 50%, 100% 100%, 0% 100%);
  right: -0.5em;
  bottom: 0;
}
.tooltip__item.tooltip__item--tale-left-top:first-child, .tooltip__item--tale-left-top.chat__item__messasge__inner__item:first-child, .chat__item--sub .chat__item__messasge__inner__item:first-child {
  border-top-left-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-left-top:first-child::after, .tooltip__item--tale-left-top.chat__item__messasge__inner__item:first-child::after, .chat__item--sub .chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(0% 0%, 100% 0%, 50% 50%);
  left: -0.5em;
  top: 0;
}
.tooltip__item.tooltip__item--tale-left-center:first-child::after, .tooltip__item--tale-left-center.chat__item__messasge__inner__item:first-child::after {
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
  left: -0.5em;
  top: 50%;
  margin-top: calc(-0.425em + -0.1rem);
}
.tooltip__item.tooltip__item--tale-left-bottom:last-child, .tooltip__item--tale-left-bottom.chat__item__messasge__inner__item:last-child {
  border-bottom-left-radius: 0 !important;
}
.tooltip__item.tooltip__item--tale-left-bottom:last-child::after, .tooltip__item--tale-left-bottom.chat__item__messasge__inner__item:last-child::after {
  clip-path: polygon(0% 100%, 50% 50%, 100% 100%);
  left: -0.5em;
  bottom: 0;
}
.tooltip--top .tooltip__item, .tooltip--top .chat__item__messasge__inner__item {
  left: 0;
  bottom: 100%;
  bottom: calc(100% + 0.75em);
}
.tooltip--bottom .tooltip__item, .tooltip--bottom .chat__item__messasge__inner__item {
  left: 0;
  top: 100%;
  top: calc(100% + 0.75em);
}
.tooltip--left .tooltip__item, .tooltip--left .chat__item__messasge__inner__item, .tooltip--right .tooltip__item, .tooltip--right .chat__item__messasge__inner__item {
  width: 11.8rem;
  position: absolute;
  translate: 0 -50%;
  top: 50%;
}
.tooltip--right .tooltip__item, .tooltip--right .chat__item__messasge__inner__item {
  right: calc(-11.8rem - 0.85em);
}
.tooltip--left .tooltip__item, .tooltip--left .chat__item__messasge__inner__item {
  left: calc(-11.8rem - 0.85em);
}
.tooltip--click .tooltip__item, .tooltip--click .chat__item__messasge__inner__item {
  min-width: 10em;
  z-index: 700;
  position: absolute;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  opacity: 0;
  pointer-events: none;
}
.tooltip.is-active .tooltip__item, .tooltip.is-active .chat__item__messasge__inner__item, .is-active.chat__item__messasge__inner .tooltip__item, .is-active.chat__item__messasge__inner .chat__item__messasge__inner__item {
  opacity: 1;
  pointer-events: auto;
}

.chat__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.chat__item > * {
  min-width: 0;
}
.chat__item > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.chat__item {
  gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
}
.chat__item:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.chat__item {
  z-index: 0;
}

.chat__item--main {
  flex-direction: row-reverse;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.chat__item--sub {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.chat__item__user {
  box-sizing: content-box;
  position: relative;
  z-index: 2;
  max-width: 4.4em;
  min-width: 4.4em;
}
.chat__item--main .chat__item__user {
  text-align: right;
}
.chat__item--sub .chat__item__user {
  text-align: left;
}

.chat__item__user__image {
  position: relative;
  overflow: hidden;
}
.chat__item__user__image img {
  object-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 101;
}
.chat__item__user__image .loading {
  z-index: 100;
}
.chat__item__user__image img {
  object-fit: cover;
}
.chat__item__user__image {
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.chat__item__user__name {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.chat__item--main .chat__item__user__name {
  right: calc(100% + 2rem);
}
@media print, screen and (max-width: 1018px) {
  .chat__item--main .chat__item__user__name {
    right: calc(100% + 1.3rem);
  }
}
.chat__item--sub .chat__item__user__name {
  left: calc(100% + 2rem);
}
@media print, screen and (max-width: 1018px) {
  .chat__item--sub .chat__item__user__name {
    left: calc(100% + 1.3rem);
  }
}

.chat__item__messasge {
  padding-top: 2.2em;
  position: relative;
  z-index: 1;
}
.chat__item--main .chat__item__messasge {
  padding-left: 1.3rem;
}
.chat__item--sub .chat__item__messasge {
  padding-right: 1.3rem;
}

.chat__item__messasge__inner {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.chat__item__messasge__inner > * {
  min-width: 0;
}
.chat__item__messasge__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.chat__item__messasge__inner {
  flex-direction: column;
}
.chat__item--main .chat__item__messasge__inner {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.chat__item--sub .chat__item__messasge__inner {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.chat__item--main .chat__item__messasge__inner__item {
  background-color: var(--color-main);
  border-color: var(--color-main);
  border-top-left-radius: 1.1180469716em;
  border-bottom-left-radius: 1.1180469716em;
}
.chat__item--sub .chat__item__messasge__inner__item {
  background-color: var(--color-body);
  border-color: var(--color-body);
  border-top-right-radius: 1.1180469716em;
  border-bottom-right-radius: 1.1180469716em;
}

.chat__item__messasge__time {
  display: block;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: rgba(22, 24, 26, 0.5);
  margin-top: 0.35em;
}
.chat__item__messasge__time {
  text-align: right;
}

.uig__result {
  position: relative;
}

.uig__result__item {
  opacity: 0;
}
.uig__result__item.is-active {
  opacity: 1;
}
.uig__result__item.is-active.is-reverse picture {
  scale: -1 1;
}
.uig__result__item + .uig__result__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.uig__list__item {
  font-size: 10px;
}

.uig__list__item.is-active {
  border: 1px solid red;
}

.uig__list__item.is-active.is-reverse {
  border: 1px solid blue;
}
.uig__list__item.is-active.is-reverse picture {
  scale: -1 1;
}

.videoServiceWrap {
  z-index: 101;
}

.videoServiceWrap__over {
  z-index: 102;
}

.videoServiceWrap__over__controler {
  z-index: 103;
}

.videoServiceWrap__over__controler__bg {
  z-index: 104;
}

.videoServiceWrap__over__controler__icon {
  z-index: 105;
}

.videoServiceWrap__over__title {
  z-index: 106;
}

.videoServiceWrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.videoServiceWrap:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.videoServiceWrap {
  background-color: #000;
}
.videoServiceWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.videoServiceWrap:last-child {
  margin-bottom: 0;
}
.videoServiceWrap > p {
  display: none;
}

.videoServiceWrap--cover {
  background-color: black;
}
@media (hover: hover) {
  .videoServiceWrap--cover:hover {
    cursor: pointer;
  }
}

.videoServiceWrap__over {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  left: 0;
  top: 0;
  position: absolute;
}
.videoServiceWrap--cover .videoServiceWrap__over {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 1;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  transition-delay: 0.6s;
  transition-duration: 0.6s;
}
.videoServiceWrap.is-active .videoServiceWrap__over {
  opacity: 0;
  pointer-events: none;
}

.videoServiceWrap__over__controler {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}

.videoServiceWrap__over__controler__bg {
  position: absolute;
  margin: auto;
  inset: 0;
}
.videoServiceWrap__over__controler__bg {
  width: 4.5rem;
}
.videoServiceWrap__over__controler__bg {
  height: 4.5rem;
}
.videoServiceWrap__over__controler__bg {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: transform, opacity, background-color;
  transition-duration: 0.6s;
  border-radius: 50%;
  background-color: rgba(0, 64, 152, 0.5);
}
@media (hover: hover) {
  .videoServiceWrap:hover .videoServiceWrap__over__controler__bg {
    scale: 1.2;
  }
}
.videoServiceWrap.is-active .videoServiceWrap__over__controler__bg {
  scale: 20;
}

.videoServiceWrap__over__controler__icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.videoServiceWrap__over__controler__icon .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.videoServiceWrap__over__title {
  position: absolute;
  color: #ffffff;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.3s;
  top: calc(var(--margin-width) * 0.5);
  left: calc(var(--margin-width) * 0.5);
}
.videoServiceWrap.is-active .videoServiceWrap__over__title {
  opacity: 0;
}
.videoServiceWrap__over.is-active .videoServiceWrap__over__title {
  opacity: 0;
}
.videoServiceWrap__over__title > *:first-child {
  margin-top: -0.35em;
}

.videoServiceWrap__over__title__sub {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

@keyframes video-controler__item__overlap-play-icon--play {
  0%, 100% {
    opacity: 0;
  }
  15%, 25% {
    opacity: 1;
  }
}
@keyframes video-controler__item__overlap-play-icon--pause {
  0%, 100% {
    opacity: 0;
  }
  15%, 25% {
    opacity: 1;
  }
}
video {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.video-wrap {
  position: relative;
  z-index: 110;
  width: 100%;
  overflow: hidden;
  color: var(--color-body);
}
.video-wrap a, .video-wrap button {
  color: var(--color-body);
}
@media (hover: hover) {
  .video-wrap a:hover, .video-wrap button:hover {
    color: var(--color-body);
  }
}
.video-wrap a:focus-visible, .video-wrap a.is-hover, .video-wrap button:focus-visible, .video-wrap button.is-hover {
  color: var(--color-body);
}

.video-controler {
  position: absolute;
  z-index: 113;
}

.video-controler {
  height: 6.6rem;
  width: 100%;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.video-controler > * {
  min-width: 0;
}
.video-controler > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.video-controler {
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.video-controler__item {
  width: 6.6rem;
  height: 6.6rem;
  pointer-events: auto;
}
.video-controler__item:focus-visible {
  outline: 0;
}

.video-controler__item__inner {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.video-controler__item:focus-visible {
  position: relative;
}
.video-controler__item:focus-visible::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.video-controler__item--play-pause {
  margin-right: auto;
}
.video-wrap.is-playing .video-controler__item--play-pause .video-controler__item__icon--off {
  display: none;
}
.video-wrap.is-playing .video-controler__item--play-pause .video-controler__item__str--off {
  display: none;
}
.video-wrap:not(.is-playing) .video-controler__item--play-pause .video-controler__item__icon--on {
  display: none;
}
.video-wrap:not(.is-playing) .video-controler__item--play-pause .video-controler__item__str--on {
  display: none;
}

video:not([muted=false]) + .video-controler .video-controler__item--muted .video-controler__item__icon--off {
  display: none;
}
video:not([muted=false]) + .video-controler .video-controler__item--muted .video-controler__item__str--off {
  display: none;
}
video[muted=false] + .video-controler .video-controler__item--muted .video-controler__item__icon--on {
  display: none;
}
video[muted=false] + .video-controler .video-controler__item--muted .video-controler__item__str--on {
  display: none;
}

.video-controler__item--fullscreen:not(.is-active) .video-controler__item__icon--off {
  display: none;
}
.video-controler__item--fullscreen.is-active .video-controler__item__icon--on {
  display: none;
}

.video-controler__item__str {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  transition-property: opacity,transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  translate: 0 50%;
  opacity: 0;
}

@media (hover: hover) {
  .video-controler__item:hover .video-controler__item__str {
    translate: 0 -100%;
  }
}
.video-controler__item:focus-visible .video-controler__item__str, .video-controler__item.is-hover .video-controler__item__str {
  translate: 0 -100%;
}
@media (hover: hover) {
  .video-controler__item:hover .video-controler__item__str {
    opacity: 1;
  }
}
.video-controler__item:focus-visible .video-controler__item__str, .video-controler__item.is-hover .video-controler__item__str {
  opacity: 1;
}

.video-controler__item__icon {
  width: 6.6rem;
  height: 6.6rem;
  display: block;
}
.video-controler__item__icon .icon {
  position: absolute;
  margin: auto;
  inset: 0;
}

.video-wrap.is-fullscreen {
  z-index: 900;
}
.video-wrap.is-fullscreen .video-wrap__inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.video-wrap.is-fullscreen .video-wrap__inner > * {
  min-width: 0;
}
.video-wrap.is-fullscreen .video-wrap__inner > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.video-wrap.is-fullscreen .video-wrap__inner {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.video-controler__item--seekbar {
  height: 0.2rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  bottom: 0;
  left: 0;
}
.video-controler__item--seekbar .video-controler__item__inner {
  height: 100%;
  width: 0;
  background-color: var(--color-main);
}

.wall--source {
  background-color: rgb(248.01, 248.07, 248.13);
  border-radius: 1lh;
  border-style: solid;
  border-color: rgba(22, 24, 26, 0.11);
  border-width: 0.1rem;
  overflow-wrap: break-word;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  word-break: break-all;
}
.bg--gray .wall--source {
  background-color: var(--color-body);
}
.wall--source, .wall--source mark {
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
}
.wall--source .quote {
  color: var(--color-warning);
  font-style: italic !important;
}
.wall--source .html-tag,
.wall--source .css-value {
  color: var(--color-info);
}
.wall--source .php,
.wall--source .css-property {
  color: var(--color-success);
}
.wall--source mark {
  background-color: #FFFF00;
  margin-block: -0.35em;
  margin-inline: -1.3rem;
  padding: 0.35em 1.3rem;
}

ol.wall--source {
  counter-reset: ordered;
}
ol.wall--source > * {
  text-indent: -3.5em;
  padding-left: 3.5em;
}
ol.wall--source > *:before {
  border-right: 0.1rem solid rgb(229.37, 229.59, 229.81);
  padding: 0;
  text-indent: 0;
  content: counter(ordered, decimal);
  counter-increment: ordered;
  display: inline-block;
  width: 2.5em;
  margin-right: 1em;
  color: rgba(22, 24, 26, 0.5);
}

.wall--source--css::after,
.wall--source--scss::after,
.wall--source--sass::after,
.wall--source--html::after,
.wall--source--wordpress::after,
.wall--source--markdown::after,
.wall--source--php::after,
.wall--source--jquery::after,
.wall--source--js::after {
  margin-top: 0.8rem;
  padding-top: 0.9rem;
  border-top: 0.1rem solid var(--color-border);
  width: 100%;
  display: block;
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  font-family: "subset", Geologica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.wall--source--css::after {
  content: "CSS";
}

.wall--source--scss::after {
  content: "SCSS";
}

.wall--source--sass::after {
  content: "SASS";
}

.wall--source--php::after {
  content: "PHP";
}

.wall--source--html::after {
  content: "HTML";
}

.wall--source--js::after {
  content: "JavaScript";
}

.wall--source--jquery::after {
  content: "jQuery";
}

.wall--source--wordpress::after {
  content: "WordPress";
}

.wall--source--markdown::after {
  content: "Markdown";
}

.wall--source .commentout,
.wall--source .commentout span {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}
.wall--source .function {
  color: #004098;
}
.wall--source .boolean {
  color: var(--color-main);
  font-style: italic !important;
}

.wall--source--css .source-paren,
.wall--source--scss .source-paren,
.wall--source--sass .source-paren {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}
.wall--source--css .source-paren--inner,
.wall--source--scss .source-paren--inner,
.wall--source--sass .source-paren--inner {
  color: var(--color-info);
}

.wall--source--php .source-paren {
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}
.code {
  box-shadow: inset 0 0 0 0.1rem rgba(22, 24, 26, 0.11);
  border-radius: var(--radius--sm);
  padding: 0.8rem 1.3rem;
  padding-bottom: calc(1.65em + var(--font-size--xs));
  font-family: monospace;
  letter-spacing: 0;
}
.code:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.code {
  position: relative;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
  background-color: var(--color-figure-light--1);
}
.code::before {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  content: "CODE: WordPress";
  position: absolute;
  left: 1.3rem;
  bottom: 1.3rem;
  white-space: nowrap;
  color: var(--color-figure-light--5);
}

.code__inner {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 2;
  background-image: linear-gradient(to bottom, transparent calc(2em - 0.1rem), var(--color-figure-light--3) calc(2em - 0.1rem));
  background-size: 100% 2em;
}

.panel:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.panel:not(:first-child) {
  margin-top: calc(var(--margin-section) * 1);
}
.panel {
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 0.1rem rgba(22, 24, 26, 0.11);
  padding-block: 1lh;
  padding-inline: var(--margin-width);
  margin-inline: calc(var(--padding-page--l) * -0.5) calc(var(--padding-page--r) * -0.5);
}
@media print, screen and (min-width: 843.02px) {
  .panel {
    margin-inline: 0;
  }
}
.panel p + .sc-sign:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * -1);
}
.panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  color: var(--color-font);
}

.sc-sign {
  text-align: right;
}
.sc-sign, .sc-sign p {
  font-style: normal;
}

.sc-sign__sub {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}

.panel--paper {
  padding-bottom: 1lh;
  padding-top: 2lh;
  background-color: #feffe8;
  position: relative;
  padding-inline: 0;
}
@media print, screen and (min-width: 843.02px) {
  .panel--paper::before {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 100%;
    left: calc(var(--margin-width) + 0.1rem);
    top: 0;
    background-color: #a61955;
  }
}
.panel--paper > p {
  line-height: 2;
  background-image: linear-gradient(to bottom, transparent calc(2em - 0.1rem), #29c0c0 calc(2em - 0.1rem));
  background-size: 100% 2em;
}
.panel--paper > * {
  padding-inline: var(--margin-width);
}
@media print, screen and (min-width: 843.02px) {
  .panel--paper > * {
    padding-left: calc(var(--margin-width) * 2 + 0.1rem);
  }
}

.panel--caution {
  background-color: #fceeed;
}
.panel--caution h2, .panel--caution h3, .panel--caution h4, .panel--caution h5, .panel--caution h6 {
  color: var(--color-sub) !important;
}

.panel--member {
  background-color: #eef7ec;
}
.panel--member:has(.panel__item) {
  display: flex;
  flex-wrap: wrap;
}
.panel--member:has(.panel__item) {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.panel--member:has(.panel__item) > * {
  flex: 1 1 0;
  min-width: 8em;
}

.panel--blockquote {
  box-shadow: none;
  padding: 0;
  border-left: 0.1rem solid rgb(229.37, 229.59, 229.81);
  padding-left: var(--margin-width);
  margin-inline: 0;
  border-radius: 0;
}
.panel--blockquote p {
  font-style: italic;
}

.panel--bubble {
  background-color: #ecf3f7;
  border-radius: var(--radius);
}
html[lang=en] .panel--bubble {
  font-style: italic;
}
.panel--bubble + .panel--bubble {
  margin-top: calc((var(--margin-section) - var(--margin)) * -1);
}

.panel--note {
  padding: 0;
  box-shadow: none;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
}
.panel--note h2, .panel--note h3, .panel--note h4, .panel--note h5, .panel--note h6 {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  color: var(--color-main);
}

.prefers-color-scheme-toggle {
  height: 4rem;
  border-radius: 999.9rem;
  background-color: rgb(250.34, 250.38, 250.42);
}

/* 状態で色変更 */
[data-theme=dark] .prefers-color-scheme-toggle {
  color: #fff;
}

[data-theme=light] .prefers-color-scheme-toggle {
  color: #333;
}

.splite-headword {
  background-image: url("../image/splite-headword.svg");
  background-size: auto 3150%;
  background-color: rgba(255, 0, 0, 0.24);
  background-repeat: no-repeat;
  height: 1em;
  font-size: 2em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .splite-headword {
    font-size: 3em;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .splite-headword {
    font-size: 4em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .splite-headword {
    font-size: 5em;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .splite-headword {
    font-size: 5.5em;
  }
}
.splite-headword:not(:last-child) {
  margin-bottom: 0.1666666667em;
}
.splite-headword--1 {
  background-position: left top 0em;
}
.splite-headword--2 {
  background-position: left top -1.5em;
}
.splite-headword--3 {
  background-position: left top -3em;
}
.splite-headword--4 {
  background-position: left top -4.5em;
}
.splite-headword--5 {
  background-position: left top -6em;
}
.splite-headword--6 {
  background-position: left top -7.5em;
}
.splite-headword--7 {
  background-position: left top -9em;
}
.splite-headword--8 {
  background-position: left top -10.5em;
}
.splite-headword--9 {
  background-position: left top -12em;
}
.splite-headword--10 {
  background-position: left top -13.5em;
}
.splite-headword--11 {
  background-position: left top -15em;
}
.splite-headword--12 {
  background-position: left top -16.5em;
}
.splite-headword--13 {
  background-position: left top -18em;
}
.splite-headword--14 {
  background-position: left top -19.5em;
}
.splite-headword--15 {
  background-position: left top -21em;
}
.splite-headword--16 {
  background-position: left top -22.5em;
}
.splite-headword--17 {
  background-position: left top -24em;
}
.splite-headword--18 {
  background-position: left top -25.5em;
}
.splite-headword--19 {
  background-position: left top -27em;
}
.splite-headword--20 {
  background-position: left top -28.5em;
}
.splite-headword--21 {
  background-position: left top -30em;
}
.splite-headword--lg {
  font-size: 4em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .splite-headword--lg {
    font-size: 6em;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .splite-headword--lg {
    font-size: 8em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .splite-headword--lg {
    font-size: 10em;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .splite-headword--lg {
    font-size: 11em;
  }
}
.splite-headword--vw {
  font-size: min(6.5vw, 7rem);
}

.splite-nine {
  background-image: url("../image/splite-nine.svg");
  background-size: 300% 300%;
  background-color: rgba(0, 128, 0, 0.24);
  font-size: 3em;
  width: 1em;
  height: 1em;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .splite-nine {
    font-size: 4em;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .splite-nine {
    font-size: 5em;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .splite-nine {
    font-size: 6em;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .splite-nine {
    font-size: 7em;
  }
}
.splite-nine--1 {
  background-position: left top;
}
.splite-nine--2 {
  background-position: center top;
}
.splite-nine--3 {
  background-position: right top;
}
.splite-nine--4 {
  background-position: left center;
}
.splite-nine--5 {
  background-position: center center;
}
.splite-nine--6 {
  background-position: right center;
}
.splite-nine--7 {
  background-position: left bottom;
}
.splite-nine--8 {
  background-position: center bottom;
}
.splite-nine--9 {
  background-position: right bottom;
}

.image-clipping {
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.image-clipping--circle {
  padding-top: 100%;
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
}

.image-clipping--ellipse {
  padding-top: 100%;
  -webkit-clip-path: ellipse(30% 50% at 50% 50%);
  clip-path: ellipse(30% 50% at 50% 50%);
}

.image-clipping--trapezoid {
  padding-top: 80%;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
}

.image-clipping--star {
  padding-top: 100%;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.image-clipping--hexagon {
  padding-top: 115%;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.image-clipping--a {
  padding-top: 115%;
  -webkit-clip-path: path("M30,0H15A15,15,0,0,0,0,15v0A15,15,0,0,0,15,30h0A15,15,0,0,1,30,45v60a15,15,0,0,0,15,15h90a15,15,0,0,0,15-15V15A15,15,0,0,0,135,0Z");
  clip-path: path("M30,0H15A15,15,0,0,0,0,15v0A15,15,0,0,0,15,30h0A15,15,0,0,1,30,45v60a15,15,0,0,0,15,15h90a15,15,0,0,0,15-15V15A15,15,0,0,0,135,0Z");
}

.image-clipping--ssddxx {
  padding-top: 100%;
  -webkit-clip-path: path("m50,100c-8.81191,0-18.56495,0-27.30353-3.58981-8.64728-3.58182-15.52484-10.45938-19.10666-19.10666C0,68.56495,0,58.81191,0,50H0C0,41.18809,0,31.43505,3.58981,22.69647,7.17163,14.04919,14.0492,7.17163,22.69647,3.58981,31.43505,0,41.18809,0,50,0s18.56495,0,27.30353,3.58981c8.64728,3.58182,15.52484,10.45938,19.10666,19.10666,3.58981,8.73858,3.58981,18.49162,3.58981,27.30353h0c0,8.81191,0,18.56495-3.58981,27.30353-3.58182,8.64728-10.45938,15.52484-19.10666,19.10666-8.73858,3.58981-18.49162,3.58981-27.30353,3.58981Z");
  clip-path: path("m50,100c-8.81191,0-18.56495,0-27.30353-3.58981-8.64728-3.58182-15.52484-10.45938-19.10666-19.10666C0,68.56495,0,58.81191,0,50H0C0,41.18809,0,31.43505,3.58981,22.69647,7.17163,14.04919,14.0492,7.17163,22.69647,3.58981,31.43505,0,41.18809,0,50,0s18.56495,0,27.30353,3.58981c8.64728,3.58182,15.52484,10.45938,19.10666,19.10666,3.58981,8.73858,3.58981,18.49162,3.58981,27.30353h0c0,8.81191,0,18.56495-3.58981,27.30353-3.58182,8.64728-10.45938,15.52484-19.10666,19.10666-8.73858,3.58981-18.49162,3.58981-27.30353,3.58981Z");
}

svg.hidden {
  width: 1px;
  height: 1px;
}

.asdfx {
  clip-path: url(#clip-path-circles);
  position: relative;
  overflow: hidden;
}
.asdfx img {
  object-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 101;
}
.asdfx .loading {
  z-index: 100;
}
.asdfx img {
  object-fit: cover;
}

div.circle {
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
div.circle > figure, div.circle > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.fishmouth {
  position: relative;
}

a.fishmouth img {
  transition-property: scale;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
@media (hover: hover) {
  a.fishmouth:hover img {
    scale: 1.05;
  }
}
a.fishmouth:focus-visible img, a.fishmouth.is-hover img {
  scale: 1.05;
}

.fishmouth__fig {
  border-radius: 2rem;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200"><path d="M0,0v1200h1140c8.28427,0,15-6.71573,15-15v-15c0-8.28427,6.71573-15,15-15h15c8.28427,0,15-6.71573,15-15V0H0Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: right bottom;
  mask-size: 160rem;
}
.fishmouth--2 .fishmouth__fig {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200"><path d="M0,0v1200h1140c8.28427,0,15-6.71573,15-15v-.00005c0-16.56852,13.43144-29.99995,29.99995-29.99995h.00005c8.28427,0,15-6.71573,15-15V0H0Z"/></svg>');
}
.fishmouth--3 .fishmouth__fig {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200"><path d="M0,0v1200h1097.57185c6.38607,0,12.01804-4.06293,14.1629-10.07803,4.1403-11.61115,15.23219-19.92197,28.26525-19.92197s24.12495,8.31083,28.26525,19.92197c2.14486,6.0151,7.77683,10.07803,14.1629,10.07803h17.57185V0H0Z"/></svg>');
}
.fishmouth--4 .fishmouth__fig {
  mask-position: center bottom;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200"><path d="M557.57185,1200c6.38607,0,12.01804-4.06293,14.1629-10.07803,4.1403-11.61115,15.23219-19.92197,28.26525-19.92197s24.12495,8.31083,28.26525,19.92197c2.14486,6.0151,7.77683,10.07803,14.1629,10.07803h557.57185V0H0v1200h557.57185Z"/></svg>');
  mask-size: 160rem;
}

.fishmouth__button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4rem;
}
.fishmouth--3 .fishmouth__button {
  right: 6rem;
  bottom: -2rem;
}
.fishmouth--4 .fishmouth__button {
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  bottom: -2rem;
}
.fishmouth__button span.button {
  pointer-events: none;
}

.image-frame_moat {
  position: relative;
}
.image-frame_moat::before {
  content: "";
  position: absolute;
  background-color: var(--color-main);
}
.image-frame_moat--v {
  border-top: 1.3rem solid transparent;
  border-bottom: 1.3rem solid transparent;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .image-frame_moat--v {
    border-top: 1.8rem solid transparent;
    border-bottom: 1.8rem solid transparent;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .image-frame_moat--v {
    border-top: 2.2rem solid transparent;
    border-bottom: 2.2rem solid transparent;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .image-frame_moat--v {
    border-top: 2.6rem solid transparent;
    border-bottom: 2.6rem solid transparent;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .image-frame_moat--v {
    border-top: 2.6rem solid transparent;
    border-bottom: 2.6rem solid transparent;
  }
}
.image-frame_moat--v::before {
  top: -1.3rem;
  left: 1.3rem;
  height: calc(100% + 2.6rem);
  width: calc(100% + -2.6rem);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .image-frame_moat--v::before {
    top: -1.8rem;
    left: 1.8rem;
    height: calc(100% + 3.6rem);
    width: calc(100% + -3.6rem);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .image-frame_moat--v::before {
    top: -2.2rem;
    left: 2.2rem;
    height: calc(100% + 4.4rem);
    width: calc(100% + -4.4rem);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .image-frame_moat--v::before {
    top: -2.6rem;
    left: 2.6rem;
    height: calc(100% + 5.2rem);
    width: calc(100% + -5.2rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .image-frame_moat--v::before {
    top: -2.6rem;
    left: 2.6rem;
    height: calc(100% + 5.2rem);
    width: calc(100% + -5.2rem);
  }
}
.image-frame_moat--h::before {
  left: -1.3rem;
  top: 1.3rem;
  width: calc(100% + 2.6rem);
  height: calc(100% + -2.6rem);
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .image-frame_moat--h::before {
    left: -1.3rem;
    top: 1.3rem;
    width: calc(100% + 2.6rem);
    height: calc(100% + -2.6rem);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .image-frame_moat--h::before {
    left: -2rem;
    top: 2rem;
    width: calc(100% + 4rem);
    height: calc(100% + -4rem);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .image-frame_moat--h::before {
    left: -2rem;
    top: 2rem;
    width: calc(100% + 4rem);
    height: calc(100% + -4rem);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .image-frame_moat--h::before {
    left: -2.6rem;
    top: 2.6rem;
    width: calc(100% + 5.2rem);
    height: calc(100% + -5.2rem);
  }
}
.image-frame_moat img {
  position: relative;
}

.image-frame_shadow {
  position: relative;
  z-index: 100;
}

.image-frame_shadow--side {
  z-index: 100;
}
.image-frame_shadow--side::before, .image-frame_shadow--side::after {
  content: "";
  position: absolute;
  bottom: 0.7rem;
  width: 50%;
  box-shadow: 0 0 0.4rem 0.8rem rgba(22, 24, 26, 0.17);
  z-index: 100;
}
.image-frame_shadow--side::before {
  left: 1.4rem;
  rotate: -3deg;
}
.image-frame_shadow--side::after {
  right: 1.4rem;
  rotate: 3deg;
}
.image-frame_shadow--side img {
  position: relative;
  z-index: 101;
}

.image-frame_shadow--center::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10%;
  bottom: -5%;
  left: 0;
  display: block;
  background: radial-gradient(rgba(22, 24, 26, 0.17), transparent 50%);
  z-index: 1;
}
.image-frame_shadow--center img {
  position: relative;
  z-index: 2;
}

.image-frame_border {
  display: block;
  position: relative;
}
.image-frame_border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border;
  border: 0 solid #004098;
}
.image-frame_border:hover::after {
  border-width: 1.3rem;
}

:root {
  --label-h__gap-left: 1.3rem;
}
@media print, screen and (min-width: 843.02px) {
  :root {
    --label-h__gap-left: 2rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --label-h__gap-left: 2.6rem;
  }
}

.input,
input,
select,
textarea {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}

.input,
input,
textarea {
  transition-property: background, border-color, opacity, box-shadow, color;
}

select {
  transition-property: background, border-color, opacity, box-shadow;
}

input[type=submit] {
  -webkit-appearance: none;
}

input[type=image] {
  background-color: var(--color-main);
  height: 4rem;
  width: 4rem;
  vertical-align: top;
  margin: 0 !important;
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
.selectbox,
textarea {
  display: block;
}
.input:not(:last-child),
input[type=url]:not(:last-child),
input[type=email]:not(:last-child),
input[type=number]:not(:last-child),
input[type=password]:not(:last-child),
input[type=search]:not(:last-child),
input[type=submit]:not(:last-child),
input[type=tel]:not(:last-child),
input[type=text]:not(:last-child),
input[type=date]:not(:last-child),
input[type=month]:not(:last-child),
.selectbox:not(:last-child),
textarea:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(22, 24, 26, 0.5);
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: rgba(22, 24, 26, 0.5);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(22, 24, 26, 0.5);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(22, 24, 26, 0.5);
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
textarea {
  padding: 0 1.3rem;
  width: 100%;
}

input.jq-inputAutoWidth {
  width: 10em;
  min-width: 10em;
  max-width: 100%;
}
input.jq-inputAutoWidth:focus {
  width: 15em;
  min-width: 15em;
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
select,
textarea {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .input,
  input[type=url],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=date],
  input[type=month],
  select,
  textarea {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .input,
  input[type=url],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=date],
  input[type=month],
  select,
  textarea {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .input,
  input[type=url],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=date],
  input[type=month],
  select,
  textarea {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .input,
  input[type=url],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=date],
  input[type=month],
  select,
  textarea {
    font-size: 1.6rem;
  }
}
.input.lg, .selectbox.lg .input,
input[type=url].lg,
.selectbox.lg input[type=url],
input[type=email].lg,
.selectbox.lg input[type=email],
input[type=number].lg,
.selectbox.lg input[type=number],
input[type=password].lg,
.selectbox.lg input[type=password],
input[type=search].lg,
.selectbox.lg input[type=search],
input[type=tel].lg,
.selectbox.lg input[type=tel],
input[type=text].lg,
.selectbox.lg input[type=text],
input[type=date].lg,
.selectbox.lg input[type=date],
input[type=month].lg,
.selectbox.lg input[type=month],
select.lg,
.selectbox.lg select,
textarea.lg,
.selectbox.lg textarea {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .input.lg, .selectbox.lg .input,
  input[type=url].lg,
  .selectbox.lg input[type=url],
  input[type=email].lg,
  .selectbox.lg input[type=email],
  input[type=number].lg,
  .selectbox.lg input[type=number],
  input[type=password].lg,
  .selectbox.lg input[type=password],
  input[type=search].lg,
  .selectbox.lg input[type=search],
  input[type=tel].lg,
  .selectbox.lg input[type=tel],
  input[type=text].lg,
  .selectbox.lg input[type=text],
  input[type=date].lg,
  .selectbox.lg input[type=date],
  input[type=month].lg,
  .selectbox.lg input[type=month],
  select.lg,
  .selectbox.lg select,
  textarea.lg,
  .selectbox.lg textarea {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .input.lg, .selectbox.lg .input,
  input[type=url].lg,
  .selectbox.lg input[type=url],
  input[type=email].lg,
  .selectbox.lg input[type=email],
  input[type=number].lg,
  .selectbox.lg input[type=number],
  input[type=password].lg,
  .selectbox.lg input[type=password],
  input[type=search].lg,
  .selectbox.lg input[type=search],
  input[type=tel].lg,
  .selectbox.lg input[type=tel],
  input[type=text].lg,
  .selectbox.lg input[type=text],
  input[type=date].lg,
  .selectbox.lg input[type=date],
  input[type=month].lg,
  .selectbox.lg input[type=month],
  select.lg,
  .selectbox.lg select,
  textarea.lg,
  .selectbox.lg textarea {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .input.lg, .selectbox.lg .input,
  input[type=url].lg,
  .selectbox.lg input[type=url],
  input[type=email].lg,
  .selectbox.lg input[type=email],
  input[type=number].lg,
  .selectbox.lg input[type=number],
  input[type=password].lg,
  .selectbox.lg input[type=password],
  input[type=search].lg,
  .selectbox.lg input[type=search],
  input[type=tel].lg,
  .selectbox.lg input[type=tel],
  input[type=text].lg,
  .selectbox.lg input[type=text],
  input[type=date].lg,
  .selectbox.lg input[type=date],
  input[type=month].lg,
  .selectbox.lg input[type=month],
  select.lg,
  .selectbox.lg select,
  textarea.lg,
  .selectbox.lg textarea {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .input.lg, .selectbox.lg .input,
  input[type=url].lg,
  .selectbox.lg input[type=url],
  input[type=email].lg,
  .selectbox.lg input[type=email],
  input[type=number].lg,
  .selectbox.lg input[type=number],
  input[type=password].lg,
  .selectbox.lg input[type=password],
  input[type=search].lg,
  .selectbox.lg input[type=search],
  input[type=tel].lg,
  .selectbox.lg input[type=tel],
  input[type=text].lg,
  .selectbox.lg input[type=text],
  input[type=date].lg,
  .selectbox.lg input[type=date],
  input[type=month].lg,
  .selectbox.lg input[type=month],
  select.lg,
  .selectbox.lg select,
  textarea.lg,
  .selectbox.lg textarea {
    font-size: 2.1rem;
  }
}
.input.xl, .selectbox.xl .input,
input[type=url].xl,
.selectbox.xl input[type=url],
input[type=email].xl,
.selectbox.xl input[type=email],
input[type=number].xl,
.selectbox.xl input[type=number],
input[type=password].xl,
.selectbox.xl input[type=password],
input[type=search].xl,
.selectbox.xl input[type=search],
input[type=tel].xl,
.selectbox.xl input[type=tel],
input[type=text].xl,
.selectbox.xl input[type=text],
input[type=date].xl,
.selectbox.xl input[type=date],
input[type=month].xl,
.selectbox.xl input[type=month],
select.xl,
.selectbox.xl select,
textarea.xl,
.selectbox.xl textarea {
  font-size: 2.1rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .input.xl, .selectbox.xl .input,
  input[type=url].xl,
  .selectbox.xl input[type=url],
  input[type=email].xl,
  .selectbox.xl input[type=email],
  input[type=number].xl,
  .selectbox.xl input[type=number],
  input[type=password].xl,
  .selectbox.xl input[type=password],
  input[type=search].xl,
  .selectbox.xl input[type=search],
  input[type=tel].xl,
  .selectbox.xl input[type=tel],
  input[type=text].xl,
  .selectbox.xl input[type=text],
  input[type=date].xl,
  .selectbox.xl input[type=date],
  input[type=month].xl,
  .selectbox.xl input[type=month],
  select.xl,
  .selectbox.xl select,
  textarea.xl,
  .selectbox.xl textarea {
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .input.xl, .selectbox.xl .input,
  input[type=url].xl,
  .selectbox.xl input[type=url],
  input[type=email].xl,
  .selectbox.xl input[type=email],
  input[type=number].xl,
  .selectbox.xl input[type=number],
  input[type=password].xl,
  .selectbox.xl input[type=password],
  input[type=search].xl,
  .selectbox.xl input[type=search],
  input[type=tel].xl,
  .selectbox.xl input[type=tel],
  input[type=text].xl,
  .selectbox.xl input[type=text],
  input[type=date].xl,
  .selectbox.xl input[type=date],
  input[type=month].xl,
  .selectbox.xl input[type=month],
  select.xl,
  .selectbox.xl select,
  textarea.xl,
  .selectbox.xl textarea {
    font-size: 3.1rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  .input.xl, .selectbox.xl .input,
  input[type=url].xl,
  .selectbox.xl input[type=url],
  input[type=email].xl,
  .selectbox.xl input[type=email],
  input[type=number].xl,
  .selectbox.xl input[type=number],
  input[type=password].xl,
  .selectbox.xl input[type=password],
  input[type=search].xl,
  .selectbox.xl input[type=search],
  input[type=tel].xl,
  .selectbox.xl input[type=tel],
  input[type=text].xl,
  .selectbox.xl input[type=text],
  input[type=date].xl,
  .selectbox.xl input[type=date],
  input[type=month].xl,
  .selectbox.xl input[type=month],
  select.xl,
  .selectbox.xl select,
  textarea.xl,
  .selectbox.xl textarea {
    font-size: 3.1rem;
  }
}
@media print, screen and (min-width: 1260.02px) {
  .input.xl, .selectbox.xl .input,
  input[type=url].xl,
  .selectbox.xl input[type=url],
  input[type=email].xl,
  .selectbox.xl input[type=email],
  input[type=number].xl,
  .selectbox.xl input[type=number],
  input[type=password].xl,
  .selectbox.xl input[type=password],
  input[type=search].xl,
  .selectbox.xl input[type=search],
  input[type=tel].xl,
  .selectbox.xl input[type=tel],
  input[type=text].xl,
  .selectbox.xl input[type=text],
  input[type=date].xl,
  .selectbox.xl input[type=date],
  input[type=month].xl,
  .selectbox.xl input[type=month],
  select.xl,
  .selectbox.xl select,
  textarea.xl,
  .selectbox.xl textarea {
    font-size: 3.1rem;
  }
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
select {
  height: 4rem;
  line-height: 3.8rem;
}
.input.em, .selectbox.em .input,
input[type=url].em,
.selectbox.em input[type=url],
input[type=email].em,
.selectbox.em input[type=email],
input[type=number].em,
.selectbox.em input[type=number],
input[type=password].em,
.selectbox.em input[type=password],
input[type=search].em,
.selectbox.em input[type=search],
input[type=tel].em,
.selectbox.em input[type=tel],
input[type=text].em,
.selectbox.em input[type=text],
input[type=date].em,
.selectbox.em input[type=date],
input[type=month].em,
.selectbox.em input[type=month],
select.em,
.selectbox.em select {
  line-height: 3.6rem;
}
.input.lg, .selectbox.lg .input,
input[type=url].lg,
.selectbox.lg input[type=url],
input[type=email].lg,
.selectbox.lg input[type=email],
input[type=number].lg,
.selectbox.lg input[type=number],
input[type=password].lg,
.selectbox.lg input[type=password],
input[type=search].lg,
.selectbox.lg input[type=search],
input[type=tel].lg,
.selectbox.lg input[type=tel],
input[type=text].lg,
.selectbox.lg input[type=text],
input[type=date].lg,
.selectbox.lg input[type=date],
input[type=month].lg,
.selectbox.lg input[type=month],
select.lg,
.selectbox.lg select {
  height: 4.2rem;
  line-height: 4rem;
}
.input.xl, .selectbox.xl .input,
input[type=url].xl,
.selectbox.xl input[type=url],
input[type=email].xl,
.selectbox.xl input[type=email],
input[type=number].xl,
.selectbox.xl input[type=number],
input[type=password].xl,
.selectbox.xl input[type=password],
input[type=search].xl,
.selectbox.xl input[type=search],
input[type=tel].xl,
.selectbox.xl input[type=tel],
input[type=text].xl,
.selectbox.xl input[type=text],
input[type=date].xl,
.selectbox.xl input[type=date],
input[type=month].xl,
.selectbox.xl input[type=month],
select.xl,
.selectbox.xl select {
  height: 5.2rem;
  line-height: 5rem;
}

a.input, a.input:hover {
  text-decoration-line: none;
  color: var(--color-figure);
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
textarea {
  border: solid 0.1rem rgb(229.37, 229.59, 229.81);
  background-color: var(--color-body);
}
.input.em,
input[type=url].em,
input[type=email].em,
input[type=number].em,
input[type=password].em,
input[type=search].em,
input[type=tel].em,
input[type=text].em,
input[type=date].em,
input[type=month].em,
textarea.em {
  border-width: 0.2rem;
}
.input.is-inactive,
input[type=url].is-inactive,
input[type=email].is-inactive,
input[type=number].is-inactive,
input[type=password].is-inactive,
input[type=search].is-inactive,
input[type=tel].is-inactive,
input[type=text].is-inactive,
input[type=date].is-inactive,
input[type=month].is-inactive,
textarea.is-inactive {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0 !important;
  border-color: rgb(229.37, 229.59, 229.81) !important;
  background-color: transparent !important;
}
.input.underbar,
input[type=url].underbar,
input[type=email].underbar,
input[type=number].underbar,
input[type=password].underbar,
input[type=search].underbar,
input[type=tel].underbar,
input[type=text].underbar,
input[type=date].underbar,
input[type=month].underbar,
textarea.underbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.input.underbar:not(.disabled):not(:disabled):focus,
input[type=url].underbar:not(.disabled):not(:disabled):focus,
input[type=email].underbar:not(.disabled):not(:disabled):focus,
input[type=number].underbar:not(.disabled):not(:disabled):focus,
input[type=password].underbar:not(.disabled):not(:disabled):focus,
input[type=search].underbar:not(.disabled):not(:disabled):focus,
input[type=tel].underbar:not(.disabled):not(:disabled):focus,
input[type=text].underbar:not(.disabled):not(:disabled):focus,
input[type=date].underbar:not(.disabled):not(:disabled):focus,
input[type=month].underbar:not(.disabled):not(:disabled):focus,
textarea.underbar:not(.disabled):not(:disabled):focus {
  background-color: transparent !important;
}
@media (hover: hover) {
  .input.underbar:not(.disabled):not(:disabled):hover,
  input[type=url].underbar:not(.disabled):not(:disabled):hover,
  input[type=email].underbar:not(.disabled):not(:disabled):hover,
  input[type=number].underbar:not(.disabled):not(:disabled):hover,
  input[type=password].underbar:not(.disabled):not(:disabled):hover,
  input[type=search].underbar:not(.disabled):not(:disabled):hover,
  input[type=tel].underbar:not(.disabled):not(:disabled):hover,
  input[type=text].underbar:not(.disabled):not(:disabled):hover,
  input[type=date].underbar:not(.disabled):not(:disabled):hover,
  input[type=month].underbar:not(.disabled):not(:disabled):hover,
  textarea.underbar:not(.disabled):not(:disabled):hover {
    background-color: transparent !important;
  }
}
.input.silhouette,
input[type=url].silhouette,
input[type=email].silhouette,
input[type=number].silhouette,
input[type=password].silhouette,
input[type=search].silhouette,
input[type=tel].silhouette,
input[type=text].silhouette,
input[type=date].silhouette,
input[type=month].silhouette,
textarea.silhouette {
  border-color: transparent !important;
  background-color: rgba(22, 24, 26, 0.03);
}
.input.silhouette:not(.disabled):not(:disabled):focus,
input[type=url].silhouette:not(.disabled):not(:disabled):focus,
input[type=email].silhouette:not(.disabled):not(:disabled):focus,
input[type=number].silhouette:not(.disabled):not(:disabled):focus,
input[type=password].silhouette:not(.disabled):not(:disabled):focus,
input[type=search].silhouette:not(.disabled):not(:disabled):focus,
input[type=tel].silhouette:not(.disabled):not(:disabled):focus,
input[type=text].silhouette:not(.disabled):not(:disabled):focus,
input[type=date].silhouette:not(.disabled):not(:disabled):focus,
input[type=month].silhouette:not(.disabled):not(:disabled):focus,
textarea.silhouette:not(.disabled):not(:disabled):focus {
  border-color: #004098;
}
@media (hover: hover) {
  .input.silhouette:not(.disabled):not(:disabled):hover,
  input[type=url].silhouette:not(.disabled):not(:disabled):hover,
  input[type=email].silhouette:not(.disabled):not(:disabled):hover,
  input[type=number].silhouette:not(.disabled):not(:disabled):hover,
  input[type=password].silhouette:not(.disabled):not(:disabled):hover,
  input[type=search].silhouette:not(.disabled):not(:disabled):hover,
  input[type=tel].silhouette:not(.disabled):not(:disabled):hover,
  input[type=text].silhouette:not(.disabled):not(:disabled):hover,
  input[type=date].silhouette:not(.disabled):not(:disabled):hover,
  input[type=month].silhouette:not(.disabled):not(:disabled):hover,
  textarea.silhouette:not(.disabled):not(:disabled):hover {
    border-color: #004098;
  }
}

.input,
input[type=url],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date],
input[type=month],
textarea {
  border-radius: 1lh;
}
.input.rounded--max,
input[type=url].rounded--max,
input[type=email].rounded--max,
input[type=number].rounded--max,
input[type=password].rounded--max,
input[type=search].rounded--max,
input[type=tel].rounded--max,
input[type=text].rounded--max,
input[type=date].rounded--max,
input[type=month].rounded--max,
textarea.rounded--max {
  border-radius: 999.9rem;
}
.input:not(.disabled):not(:disabled):focus, .input:not(.disabled):not(:disabled):hover,
input[type=url]:not(.disabled):not(:disabled):focus,
input[type=url]:not(.disabled):not(:disabled):hover,
input[type=email]:not(.disabled):not(:disabled):focus,
input[type=email]:not(.disabled):not(:disabled):hover,
input[type=number]:not(.disabled):not(:disabled):focus,
input[type=number]:not(.disabled):not(:disabled):hover,
input[type=password]:not(.disabled):not(:disabled):focus,
input[type=password]:not(.disabled):not(:disabled):hover,
input[type=search]:not(.disabled):not(:disabled):focus,
input[type=search]:not(.disabled):not(:disabled):hover,
input[type=tel]:not(.disabled):not(:disabled):focus,
input[type=tel]:not(.disabled):not(:disabled):hover,
input[type=text]:not(.disabled):not(:disabled):focus,
input[type=text]:not(.disabled):not(:disabled):hover,
input[type=date]:not(.disabled):not(:disabled):focus,
input[type=date]:not(.disabled):not(:disabled):hover,
input[type=month]:not(.disabled):not(:disabled):focus,
input[type=month]:not(.disabled):not(:disabled):hover,
textarea:not(.disabled):not(:disabled):focus,
textarea:not(.disabled):not(:disabled):hover {
  outline: none;
  border-color: #004098;
  background-color: rgb(43.78, 132.7147368421, 255);
}
.input:not(.disabled):not(:disabled):hover,
input[type=url]:not(.disabled):not(:disabled):hover,
input[type=email]:not(.disabled):not(:disabled):hover,
input[type=number]:not(.disabled):not(:disabled):hover,
input[type=password]:not(.disabled):not(:disabled):hover,
input[type=search]:not(.disabled):not(:disabled):hover,
input[type=tel]:not(.disabled):not(:disabled):hover,
input[type=text]:not(.disabled):not(:disabled):hover,
input[type=date]:not(.disabled):not(:disabled):hover,
input[type=month]:not(.disabled):not(:disabled):hover,
textarea:not(.disabled):not(:disabled):hover {
  box-shadow: none;
}
.input:not(.underbar):focus, .input:not(.underbar):focus:hover,
input[type=url]:not(.underbar):focus,
input[type=url]:not(.underbar):focus:hover,
input[type=email]:not(.underbar):focus,
input[type=email]:not(.underbar):focus:hover,
input[type=number]:not(.underbar):focus,
input[type=number]:not(.underbar):focus:hover,
input[type=password]:not(.underbar):focus,
input[type=password]:not(.underbar):focus:hover,
input[type=search]:not(.underbar):focus,
input[type=search]:not(.underbar):focus:hover,
input[type=tel]:not(.underbar):focus,
input[type=tel]:not(.underbar):focus:hover,
input[type=text]:not(.underbar):focus,
input[type=text]:not(.underbar):focus:hover,
input[type=date]:not(.underbar):focus,
input[type=date]:not(.underbar):focus:hover,
input[type=month]:not(.underbar):focus,
input[type=month]:not(.underbar):focus:hover,
textarea:not(.underbar):focus,
textarea:not(.underbar):focus:hover {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}

input[type=number] {
  text-align: right;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=url].true,
input[type=email].true,
input[type=number].true,
input[type=password].true,
input[type=search].true,
input[type=tel].true,
input[type=text].true,
input[type=date].true,
input[type=month].true,
textarea.true {
  border-color: #008B50;
}
input[type=url].true:not(.disabled):not(:disabled):hover, input[type=url].true:not(.disabled):not(:disabled):focus,
input[type=email].true:not(.disabled):not(:disabled):hover,
input[type=email].true:not(.disabled):not(:disabled):focus,
input[type=number].true:not(.disabled):not(:disabled):hover,
input[type=number].true:not(.disabled):not(:disabled):focus,
input[type=password].true:not(.disabled):not(:disabled):hover,
input[type=password].true:not(.disabled):not(:disabled):focus,
input[type=search].true:not(.disabled):not(:disabled):hover,
input[type=search].true:not(.disabled):not(:disabled):focus,
input[type=tel].true:not(.disabled):not(:disabled):hover,
input[type=tel].true:not(.disabled):not(:disabled):focus,
input[type=text].true:not(.disabled):not(:disabled):hover,
input[type=text].true:not(.disabled):not(:disabled):focus,
input[type=date].true:not(.disabled):not(:disabled):hover,
input[type=date].true:not(.disabled):not(:disabled):focus,
input[type=month].true:not(.disabled):not(:disabled):hover,
input[type=month].true:not(.disabled):not(:disabled):focus,
textarea.true:not(.disabled):not(:disabled):hover,
textarea.true:not(.disabled):not(:disabled):focus {
  background-color: rgb(21.27, 255, 155.7908633094);
  border-color: #008B50;
}
input[type=url].true:not(.disabled):not(:disabled):focus,
input[type=email].true:not(.disabled):not(:disabled):focus,
input[type=number].true:not(.disabled):not(:disabled):focus,
input[type=password].true:not(.disabled):not(:disabled):focus,
input[type=search].true:not(.disabled):not(:disabled):focus,
input[type=tel].true:not(.disabled):not(:disabled):focus,
input[type=text].true:not(.disabled):not(:disabled):focus,
input[type=date].true:not(.disabled):not(:disabled):focus,
input[type=month].true:not(.disabled):not(:disabled):focus,
textarea.true:not(.disabled):not(:disabled):focus {
  background-color: rgb(21.27, 255, 155.7908633094);
}
input[type=url].true:not(.disabled):not(:disabled):not(.underbar):focus, input[type=url].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=email].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=email].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=number].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=number].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=password].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=password].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=search].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=search].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=tel].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=tel].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=text].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=text].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=date].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=date].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=month].true:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=month].true:not(.disabled):not(:disabled):not(.underbar):focus:hover,
textarea.true:not(.disabled):not(:disabled):not(.underbar):focus,
textarea.true:not(.disabled):not(:disabled):not(.underbar):focus:hover {
  box-shadow: 0 0 0 0.3rem rgb(0, 235.46, 135.5165467626);
}
input[type=url].true.silhouette,
input[type=email].true.silhouette,
input[type=number].true.silhouette,
input[type=password].true.silhouette,
input[type=search].true.silhouette,
input[type=tel].true.silhouette,
input[type=text].true.silhouette,
input[type=date].true.silhouette,
input[type=month].true.silhouette,
textarea.true.silhouette {
  background-color: rgb(32.4, 255, 160.5151079137);
}
input[type=url].false, .false input[type=url],
input[type=email].false,
.false input[type=email],
input[type=number].false,
.false input[type=number],
input[type=password].false,
.false input[type=password],
input[type=search].false,
.false input[type=search],
input[type=tel].false,
.false input[type=tel],
input[type=text].false,
.false input[type=text],
input[type=date].false,
.false input[type=date],
input[type=month].false,
.false input[type=month],
textarea.false,
.false textarea {
  border-color: var(--color-danger);
}
input[type=url].false:not(.disabled):not(:disabled):hover, input[type=url].false:not(.disabled):not(:disabled):focus, .false input[type=url]:not(.disabled):not(:disabled):hover, .false input[type=url]:not(.disabled):not(:disabled):focus,
input[type=email].false:not(.disabled):not(:disabled):hover,
input[type=email].false:not(.disabled):not(:disabled):focus,
.false input[type=email]:not(.disabled):not(:disabled):hover,
.false input[type=email]:not(.disabled):not(:disabled):focus,
input[type=number].false:not(.disabled):not(:disabled):hover,
input[type=number].false:not(.disabled):not(:disabled):focus,
.false input[type=number]:not(.disabled):not(:disabled):hover,
.false input[type=number]:not(.disabled):not(:disabled):focus,
input[type=password].false:not(.disabled):not(:disabled):hover,
input[type=password].false:not(.disabled):not(:disabled):focus,
.false input[type=password]:not(.disabled):not(:disabled):hover,
.false input[type=password]:not(.disabled):not(:disabled):focus,
input[type=search].false:not(.disabled):not(:disabled):hover,
input[type=search].false:not(.disabled):not(:disabled):focus,
.false input[type=search]:not(.disabled):not(:disabled):hover,
.false input[type=search]:not(.disabled):not(:disabled):focus,
input[type=tel].false:not(.disabled):not(:disabled):hover,
input[type=tel].false:not(.disabled):not(:disabled):focus,
.false input[type=tel]:not(.disabled):not(:disabled):hover,
.false input[type=tel]:not(.disabled):not(:disabled):focus,
input[type=text].false:not(.disabled):not(:disabled):hover,
input[type=text].false:not(.disabled):not(:disabled):focus,
.false input[type=text]:not(.disabled):not(:disabled):hover,
.false input[type=text]:not(.disabled):not(:disabled):focus,
input[type=date].false:not(.disabled):not(:disabled):hover,
input[type=date].false:not(.disabled):not(:disabled):focus,
.false input[type=date]:not(.disabled):not(:disabled):hover,
.false input[type=date]:not(.disabled):not(:disabled):focus,
input[type=month].false:not(.disabled):not(:disabled):hover,
input[type=month].false:not(.disabled):not(:disabled):focus,
.false input[type=month]:not(.disabled):not(:disabled):hover,
.false input[type=month]:not(.disabled):not(:disabled):focus,
textarea.false:not(.disabled):not(:disabled):hover,
textarea.false:not(.disabled):not(:disabled):focus,
.false textarea:not(.disabled):not(:disabled):hover,
.false textarea:not(.disabled):not(:disabled):focus {
  border-color: var(--color-danger);
  background-color: rgb(226.6073298429, 66.4726701571, 134.615078534);
}
input[type=url].false:not(.disabled):not(:disabled):focus, .false input[type=url]:not(.disabled):not(:disabled):focus,
input[type=email].false:not(.disabled):not(:disabled):focus,
.false input[type=email]:not(.disabled):not(:disabled):focus,
input[type=number].false:not(.disabled):not(:disabled):focus,
.false input[type=number]:not(.disabled):not(:disabled):focus,
input[type=password].false:not(.disabled):not(:disabled):focus,
.false input[type=password]:not(.disabled):not(:disabled):focus,
input[type=search].false:not(.disabled):not(:disabled):focus,
.false input[type=search]:not(.disabled):not(:disabled):focus,
input[type=tel].false:not(.disabled):not(:disabled):focus,
.false input[type=tel]:not(.disabled):not(:disabled):focus,
input[type=text].false:not(.disabled):not(:disabled):focus,
.false input[type=text]:not(.disabled):not(:disabled):focus,
input[type=date].false:not(.disabled):not(:disabled):focus,
.false input[type=date]:not(.disabled):not(:disabled):focus,
input[type=month].false:not(.disabled):not(:disabled):focus,
.false input[type=month]:not(.disabled):not(:disabled):focus,
textarea.false:not(.disabled):not(:disabled):focus,
.false textarea:not(.disabled):not(:disabled):focus {
  background-color: rgb(226.6073298429, 66.4726701571, 134.615078534);
}
input[type=url].false:not(.disabled):not(:disabled):not(.underbar):focus, input[type=url].false:not(.disabled):not(:disabled):not(.underbar):focus:hover, .false input[type=url]:not(.disabled):not(:disabled):not(.underbar):focus, .false input[type=url]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=email].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=email].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=email]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=email]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=number].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=number].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=number]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=number]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=password].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=password].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=password]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=password]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=search].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=search].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=search]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=search]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=tel].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=tel].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=tel]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=tel]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=text].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=text].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=text]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=text]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=date].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=date].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=date]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=date]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
input[type=month].false:not(.disabled):not(:disabled):not(.underbar):focus,
input[type=month].false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false input[type=month]:not(.disabled):not(:disabled):not(.underbar):focus,
.false input[type=month]:not(.disabled):not(:disabled):not(.underbar):focus:hover,
textarea.false:not(.disabled):not(:disabled):not(.underbar):focus,
textarea.false:not(.disabled):not(:disabled):not(.underbar):focus:hover,
.false textarea:not(.disabled):not(:disabled):not(.underbar):focus,
.false textarea:not(.disabled):not(:disabled):not(.underbar):focus:hover {
  box-shadow: 0 0 0 0.3rem rgb(222.8494764398, 41.5205235602, 118.6817801047);
}
input[type=url].false.silhouette, .false input[type=url].silhouette,
input[type=email].false.silhouette,
.false input[type=email].silhouette,
input[type=number].false.silhouette,
.false input[type=number].silhouette,
input[type=password].false.silhouette,
.false input[type=password].silhouette,
input[type=search].false.silhouette,
.false input[type=search].silhouette,
input[type=tel].false.silhouette,
.false input[type=tel].silhouette,
input[type=text].false.silhouette,
.false input[type=text].silhouette,
input[type=date].false.silhouette,
.false input[type=date].silhouette,
input[type=month].false.silhouette,
.false input[type=month].silhouette,
textarea.false.silhouette,
.false textarea.silhouette {
  background-color: rgb(227.442408377, 72.017591623, 138.1558115183);
}

label {
  display: block;
}

label.for-varidation {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.ajax-loader {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  margin-inline: auto !important;
}

.wpcf7-response-output {
  margin: 0 !important;
  padding: 0.8rem 1.3rem !important;
  border: 0 !important;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 900;
  background-color: #FF922B;
  color: var(--color-body);
}
.wpcf7-response-output a, .wpcf7-response-output button {
  color: var(--color-body);
}
@media (hover: hover) {
  .wpcf7-response-output a:hover, .wpcf7-response-output button:hover {
    color: var(--color-body);
  }
}
.wpcf7-response-output a:focus-visible, .wpcf7-response-output a.is-hover, .wpcf7-response-output button:focus-visible, .wpcf7-response-output button.is-hover {
  color: var(--color-body);
}
.wpcf7-response-output.wpcf7-validation-errors {
  background-color: var(--color-danger);
}

.wpcf7-radio,
.wpcf7-checkbox {
  display: block;
}

span.wpcf7-list-item {
  margin: 0;
  display: block;
}

.wpcf7-radio.radiobox--auto .wpcf7-list-item, .wpcf7-radio.checkbox--auto .wpcf7-list-item, .radiobox--auto .wpcf7-radio .wpcf7-list-item, .checkbox--auto .wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox.radiobox--auto .wpcf7-list-item,
.wpcf7-checkbox.checkbox--auto .wpcf7-list-item,
.radiobox--auto .wpcf7-checkbox .wpcf7-list-item,
.checkbox--auto .wpcf7-checkbox .wpcf7-list-item {
  display: inline-block;
  vertical-align: top;
}
.wpcf7-radio.radiobox--auto .wpcf7-list-item:not(:last-child), .wpcf7-radio.checkbox--auto .wpcf7-list-item:not(:last-child), .radiobox--auto .wpcf7-radio .wpcf7-list-item:not(:last-child), .checkbox--auto .wpcf7-radio .wpcf7-list-item:not(:last-child),
.wpcf7-checkbox.radiobox--auto .wpcf7-list-item:not(:last-child),
.wpcf7-checkbox.checkbox--auto .wpcf7-list-item:not(:last-child),
.radiobox--auto .wpcf7-checkbox .wpcf7-list-item:not(:last-child),
.checkbox--auto .wpcf7-checkbox .wpcf7-list-item:not(:last-child) {
  margin-right: 1em;
}

.js__placeholder_popup {
  position: relative;
}

.js__placeholder_popup__item {
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 2;
  display: none;
  position: absolute;
  white-space: nowrap;
  background-color: var(--color-main);
  color: var(--color-white);
  top: -3em;
  left: calc(1.3rem - 0.75em);
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 0.3rem;
  border: 0.1rem solid currentcolor;
  z-index: 700;
}
.js__placeholder_popup__item::after {
  display: none;
  content: "";
  position: absolute;
  left: 0.75em;
  bottom: -0.25em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 999.9rem;
  background-color: var(--color-main);
}
*:focus + .js__placeholder_popup__item {
  display: block;
}
*:focus + .js__placeholder_popup__item::after {
  display: block;
}
@media (hover: hover) {
  .js__placeholder_popup--hover:hover .js__placeholder_popup__item {
    display: block;
  }
  .js__placeholder_popup--hover:hover .js__placeholder_popup__item::after {
    display: block;
  }
}

.form-text:not(:first-child),
span[role=alert]:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}
.form-text,
span[role=alert] {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
}
.form-text:only-child,
span[role=alert]:only-child {
  line-height: 4rem;
}
input[type=file] + .form-text,
input[type=file] + span[role=alert] {
  margin-top: 0;
}
.wpcf7-checkbox + .form-text, .wpcf7-radio + .form-text,
.wpcf7-checkbox + span[role=alert],
.wpcf7-radio + span[role=alert] {
  margin-top: calc(var(--margin) * 0.5);
}

.form-text-error:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}
.form-text-error {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  color: var(--color-danger);
}

.label-joint {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.label-joint > * {
  min-width: 0;
}
.label-joint > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.label-joint > *:not(.flex__item) {
  flex-grow: 1;
}
.label-joint {
  flex-direction: row-reverse;
  position: relative;
  z-index: 0;
  border-radius: 1lh;
}
.label-joint > * {
  margin-bottom: 0 !important;
  z-index: 1;
}
.label-joint label {
  line-height: 3.8rem;
  padding-left: 1.3rem;
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-right: 0;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
  color: var(--color-main);
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: background, border-color, color;
  border-top-left-radius: 1lh;
  border-bottom-left-radius: 1lh;
  background-color: var(--color-body);
}
.label-joint label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 1lh;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: box-shadow;
  box-shadow: 0 0 0 0 transparent;
}
.label-joint input[type=url],
.label-joint input[type=email],
.label-joint input[type=number],
.label-joint input[type=password],
.label-joint input[type=search],
.label-joint input[type=submit],
.label-joint input[type=tel],
.label-joint input[type=text],
.label-joint input[type=date],
.label-joint input[type=month],
.label-joint .selectbox,
.label-joint textarea {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label-joint input[type=url]:focus,
.label-joint input[type=email]:focus,
.label-joint input[type=number]:focus,
.label-joint input[type=password]:focus,
.label-joint input[type=search]:focus,
.label-joint input[type=submit]:focus,
.label-joint input[type=tel]:focus,
.label-joint input[type=text]:focus,
.label-joint input[type=date]:focus,
.label-joint input[type=month]:focus,
.label-joint textarea:focus {
  box-shadow: none !important;
}
.label-joint input[type=url]:focus + label,
.label-joint input[type=email]:focus + label,
.label-joint input[type=number]:focus + label,
.label-joint input[type=password]:focus + label,
.label-joint input[type=search]:focus + label,
.label-joint input[type=submit]:focus + label,
.label-joint input[type=tel]:focus + label,
.label-joint input[type=text]:focus + label,
.label-joint input[type=date]:focus + label,
.label-joint input[type=month]:focus + label,
.label-joint textarea:focus + label {
  border-color: #004098;
  background-color: rgb(43.78, 132.7147368421, 255);
}
.label-joint input[type=url]:focus + label::after,
.label-joint input[type=email]:focus + label::after,
.label-joint input[type=number]:focus + label::after,
.label-joint input[type=password]:focus + label::after,
.label-joint input[type=search]:focus + label::after,
.label-joint input[type=submit]:focus + label::after,
.label-joint input[type=tel]:focus + label::after,
.label-joint input[type=text]:focus + label::after,
.label-joint input[type=date]:focus + label::after,
.label-joint input[type=month]:focus + label::after,
.label-joint textarea:focus + label::after {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}
@media (hover: hover) {
  .label-joint:hover label {
    border-color: #004098;
    background-color: rgb(43.78, 132.7147368421, 255);
  }
  .label-joint:hover input[type=url],
  .label-joint:hover input[type=email],
  .label-joint:hover input[type=number],
  .label-joint:hover input[type=password],
  .label-joint:hover input[type=search],
  .label-joint:hover input[type=submit],
  .label-joint:hover input[type=tel],
  .label-joint:hover input[type=text],
  .label-joint:hover input[type=date],
  .label-joint:hover input[type=month],
  .label-joint:hover .selectbox,
  .label-joint:hover textarea {
    box-shadow: none !important;
  }
}

.js__mail--repeat-check__str {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.7;
  line-height: 1;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
}

.selectbox, select {
  border-radius: 1lh;
}

.selectbox select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
  color: var(--color-figure);
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #16181a;
  transition-property: none !important;
}

select {
  padding: 0 1.3rem;
  width: 100%;
}

.selectbox {
  position: relative;
  z-index: 101;
  background-color: var(--color-body);
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
.selectbox, .selectbox::before, .selectbox::after {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: background, border-color, opacity, box-shadow, color;
}
.selectbox.em {
  border-width: 0.2rem;
}
.selectbox.true:not(.disabled), .selectbox.true:not(.disabled)::before {
  border-color: #008B50;
}
.selectbox.false:not(.disabled), .selectbox.false:not(.disabled)::before {
  border-color: var(--color-danger);
}
.selectbox:has(:focus) {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
  background-color: rgb(43.78, 132.7147368421, 255);
}
.selectbox:has(:focus), .selectbox:has(:focus)::before, .selectbox:has(:focus)::after {
  border-color: #004098;
}
.selectbox:has(:focus).true {
  box-shadow: 0 0 0 0.3rem rgb(0, 235.46, 135.5165467626);
  background-color: rgb(21.27, 255, 155.7908633094);
}
.selectbox:has(:focus).true, .selectbox:has(:focus).true::before, .selectbox:has(:focus).true::after {
  border-color: #008B50;
}
.selectbox:has(:focus).false {
  box-shadow: 0 0 0 0.3rem rgb(222.8494764398, 41.5205235602, 118.6817801047);
  background-color: rgb(226.6073298429, 66.4726701571, 134.615078534);
}
.selectbox:has(:focus).false, .selectbox:has(:focus).false::before, .selectbox:has(:focus).false::after {
  border-color: var(--color-danger);
}
.selectbox.underbar {
  border-top-color: transparent !important;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: transparent !important;
}
.selectbox.silhouette {
  border-color: transparent !important;
  background-color: rgba(22, 24, 26, 0.03);
}
.selectbox.silhouette.true {
  background-color: rgb(32.4, 255, 160.5151079137);
}
.selectbox.silhouette.false {
  background-color: rgb(227.442408377, 72.017591623, 138.1558115183);
}
.selectbox::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
  width: 3.9rem;
  height: 3.8rem;
  border-left: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
.selectbox.em::before {
  height: 3.6rem;
  width: 3.8rem;
  border-left-width: 0.2rem;
}
.selectbox.lg::before {
  height: 4rem;
}
.selectbox.xl::before {
  height: 5rem;
}
.selectbox.underbar::before {
  border-color: transparent !important;
}
.selectbox.silhouette::before {
  border-color: transparent !important;
}
.selectbox::after {
  content: "";
  position: absolute;
  top: 1.4rem;
  right: 1.5rem;
  z-index: 102;
  width: 0.7rem;
  height: 0.7rem;
  rotate: 45deg;
  border-bottom: 0.1rem solid #16181a;
  border-right: 0.1rem solid #16181a;
}
.selectbox.em::after {
  top: 1.3rem;
  right: 1.5rem;
}
.selectbox.lg::after {
  top: 1.5rem;
}
.selectbox.xl::after {
  top: 2rem;
}
.selectbox.disabled::after {
  border-color: rgb(229.37, 229.59, 229.81);
}
@media (hover: hover) {
  .selectbox:not(:has([disabled])):hover {
    background-color: rgb(43.78, 132.7147368421, 255);
  }
  .selectbox:not(:has([disabled])):hover, .selectbox:not(:has([disabled])):hover::before, .selectbox:not(:has([disabled])):hover::after {
    border-color: #004098;
  }
  .selectbox:not(:has([disabled])).true:hover {
    background-color: rgb(21.27, 255, 155.7908633094);
  }
  .selectbox:not(:has([disabled])).true:hover, .selectbox:not(:has([disabled])).true:hover::before, .selectbox:not(:has([disabled])).true:hover::after {
    border-color: #008B50;
  }
  .selectbox:not(:has([disabled])).false:hover {
    background-color: rgb(226.6073298429, 66.4726701571, 134.615078534);
  }
  .selectbox:not(:has([disabled])).false:hover, .selectbox:not(:has([disabled])).false:hover::before, .selectbox:not(:has([disabled])).false:hover::after {
    border-color: var(--color-danger);
  }
}
.selectbox > select {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  border: 0;
  padding-right: 5.2rem;
  background-color: transparent;
  z-index: 103;
  position: relative;
  height: 3.8rem;
}
.selectbox.em > select {
  padding-right: 5.1rem;
  height: 3.6rem;
}
.selectbox.lg > select {
  height: 4rem;
}
.selectbox.xl > select {
  height: 5rem;
}
.selectbox.underbar > select {
  padding-left: 0;
  padding-right: 3.9rem;
}
.selectbox.underbar.form-set--icon--left > select {
  padding-left: 4rem;
}
.selectbox.light > select {
  color: rgba(22, 24, 26, 0.5);
}
.selectbox.true > select {
  color: #008B50;
}
.selectbox.false > select {
  color: var(--color-danger);
}
.selectbox select:disabled {
  color: rgba(22, 24, 26, 0.5);
}

.selectbox--child select:not(:first-child) {
  display: none;
}

span.checkbox,
span.radiobox {
  display: block;
}

.checkbox:not(:last-child),
.radiobox:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

@media (hover: hover) {
  .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner, .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner,
  .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner,
  .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner {
    color: #004098;
  }
  .true .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner, .true .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner,
  .true .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner,
  .true .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner {
    color: rgb(0, 125.1, 72);
  }
  .false .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner, .false .choice__item label:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner,
  .false .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner,
  .false .choice__item label:hover input[type=radio]:not(:disabled) ~ .choice__item__inner {
    color: rgb(149.4, 22.5, 76.5);
  }
}

.checkbox label:not(:has(:disabled)),
.radiobox label:not(:has(:disabled)) {
  position: relative;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: color, background, border;
  display: inline-block;
  cursor: pointer;
}
.checkbox label:has(:disabled),
.radiobox label:has(:disabled) {
  pointer-events: none;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio],
.radiobox input[type=checkbox],
.radiobox input[type=radio] {
  opacity: 0;
  position: absolute;
  margin: auto;
  inset: 0;
}
.checkbox .choice__item__inner,
.checkbox .choice__item__inner,
.radiobox .choice__item__inner,
.radiobox .choice__item__inner {
  display: block;
  position: relative;
  padding-left: 2.8rem;
}
.checkbox input[type=checkbox]:disabled ~ .choice__item__inner,
.checkbox input[type=radio]:disabled ~ .choice__item__inner,
.radiobox input[type=checkbox]:disabled ~ .choice__item__inner,
.radiobox input[type=radio]:disabled ~ .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.checkbox input[type=checkbox]:focus-visible ~ .choice__item__inner,
.checkbox input[type=radio]:focus-visible ~ .choice__item__inner,
.radiobox input[type=checkbox]:focus-visible ~ .choice__item__inner,
.radiobox input[type=radio]:focus-visible ~ .choice__item__inner {
  color: #004098;
}
.checkbox.true input[type=checkbox]:focus-visible ~ .choice__item__inner, .checkbox.true input[type=radio]:focus-visible ~ .choice__item__inner,
.radiobox.true input[type=checkbox]:focus-visible ~ .choice__item__inner,
.radiobox.true input[type=radio]:focus-visible ~ .choice__item__inner {
  color: #008B50;
}
.checkbox.false input[type=checkbox]:focus-visible ~ .choice__item__inner, .checkbox.false input[type=radio]:focus-visible ~ .choice__item__inner,
.radiobox.false input[type=checkbox]:focus-visible ~ .choice__item__inner,
.radiobox.false input[type=radio]:focus-visible ~ .choice__item__inner {
  color: var(--color-false);
}
.checkbox.em:not(.true):not(.false),
.radiobox.em:not(.true):not(.false) {
  color: var(--color-figure);
}
.checkbox.wall,
.radiobox.wall {
  padding: 0;
}
.checkbox.wall label,
.radiobox.wall label {
  display: block;
  padding: 0.8rem 1.3rem;
}
.checkbox.wall.wall--xs label,
.radiobox.wall.wall--xs label {
  padding: 0rem 0.5rem;
}
.checkbox.wall.wall--sm label,
.radiobox.wall.wall--sm label {
  padding: 0.3rem 0.8rem;
}
.checkbox.wall.wall--lg label,
.radiobox.wall.wall--lg label {
  padding: 1.6rem 2.1rem;
}
.checkbox.wall.wall--xl label,
.radiobox.wall.wall--xl label {
  padding: 2.9rem 3.4rem;
}

.checkbox .choice__item__inner::before, .checkbox .choice__item__inner::after {
  content: "";
  position: absolute;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border, background, box-shadow;
}
.checkbox .choice__item__inner::before {
  left: 0;
  top: calc((1.7em - 1.7rem) * 0.5);
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-radius: 33.3%;
  width: 1.7rem;
  height: 1.7rem;
}
.checkbox .choice__item__inner::after {
  left: 0.3rem;
  top: calc((1.7em - 0.9rem) * 0.5);
  width: 1.5rem;
  height: 0.5rem;
  rotate: -45deg;
  border-bottom: 0.2rem solid var(--color-border);
  border-left: 0.2rem solid var(--color-border);
}
.checkbox.em .choice__item__inner::before {
  border-width: 0.2rem;
}
.checkbox.em .choice__item__inner::after {
  border-bottom-width: 0.3rem;
  border-left-width: 0.3rem;
}
.checkbox.silhouette input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
  border-color: transparent !important;
  background-color: rgb(229.37, 229.59, 229.81);
}
.checkbox.silhouette input[type=checkbox]:not(:disabled) ~ .choice__item__inner::after {
  border-color: #ffffff !important;
}
.checkbox input[type=checkbox]:checked ~ .choice__item__inner::before {
  border-color: rgba(22, 24, 26, 0.11);
}
.checkbox input[type=checkbox]:checked ~ .choice__item__inner::after {
  border-bottom-color: var(--color-body);
  border-left-color: var(--color-body);
}
.checkbox input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: #004098;
}
.checkbox.true input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: #008B50;
}
.checkbox.true input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}
.checkbox.false input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: var(--color-false);
}
.checkbox.false input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}
.checkbox input[type=checkbox]:checked:disabled ~ .choice__item__inner::before {
  background-color: rgba(22, 24, 26, 0.5);
}
.checkbox input[type=checkbox]:focus-visible ~ .choice__item__inner::before {
  border-color: #004098;
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}
.checkbox input[type=checkbox]:focus-visible:not(:checked) ~ .choice__item__inner::after {
  border-color: rgba(0, 64, 152, 0.35);
}
.checkbox.true input[type=checkbox]:focus-visible ~ .choice__item__inner::before {
  border-color: rgb(0, 125.1, 72);
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}
.checkbox.true input[type=checkbox]:focus-visible:not(:checked) ~ .choice__item__inner::after {
  border-color: rgba(0, 139, 80, 0.35);
}
.checkbox.false input[type=checkbox]:focus-visible ~ .choice__item__inner::before {
  border-color: rgb(149.4, 22.5, 76.5);
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}
.checkbox.false input[type=checkbox]:focus-visible:not(:checked) ~ .choice__item__inner::after {
  border-color: rgba(166, 25, 85, 0.35);
}
@media (hover: hover) {
  .checkbox label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: #004098;
  }
  .checkbox label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    border-color: rgba(0, 64, 152, 0.35);
  }
  .checkbox.silhouette label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    background-color: rgba(0, 64, 152, 0.35);
  }
  .checkbox.true label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: rgb(0, 125.1, 72);
  }
  .checkbox.true label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    border-color: rgba(0, 139, 80, 0.35);
  }
  .checkbox.true.silhouette label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    background-color: rgba(0, 139, 80, 0.35);
  }
  .checkbox.false label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: rgb(149.4, 22.5, 76.5);
  }
  .checkbox.false label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    border-color: rgba(166, 25, 85, 0.35);
  }
  .checkbox.false.silhouette label:hover input[type=checkbox]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    background-color: rgba(166, 25, 85, 0.35);
  }
}

.radiobox .choice__item__inner::before, .radiobox .choice__item__inner::after {
  content: "";
  position: absolute;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border, background, box-shadow;
}
.radiobox .choice__item__inner::before {
  left: 0;
  top: calc((1.7em - 1.7rem) * 0.5);
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-radius: 50%;
  width: 1.7rem;
  height: 1.7rem;
}
.radiobox .choice__item__inner::after {
  content: "";
  left: 0.4rem;
  top: calc((1.7em - 1.7rem) * 0.5 + 0.4rem);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: transparent;
}
.radiobox.em .choice__item__inner::before {
  border-width: 0.2rem;
}
.radiobox.silhouette input[type=radio]:not(:disabled) ~ .choice__item__inner::before {
  background-color: rgb(229.37, 229.59, 229.81);
  border-color: transparent !important;
}
.radiobox.true input[type=radio]:not(:disabled) ~ .choice__item__inner::before {
  border-color: #008B50;
}
.radiobox.true input[type=radio]:not(:disabled).silhouette ~ .choice__item__inner::before {
  background-color: rgba(0, 139, 80, 0.15);
}
.radiobox.false input[type=radio]:not(:disabled) ~ .choice__item__inner::before {
  border-color: var(--color-false);
}
.radiobox.false input[type=radio]:not(:disabled).silhouette ~ .choice__item__inner::before {
  background-color: rgba(166, 25, 85, 0.15);
}
.radiobox input[type=radio]:checked ~ .choice__item__inner::before {
  border-color: rgba(22, 24, 26, 0.11);
}
.radiobox input[type=radio]:checked ~ .choice__item__inner::after {
  background-color: #ffffff;
}
.radiobox input[type=radio]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: #004098;
}
.radiobox.true input[type=radio]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: #008B50;
}
.radiobox.false input[type=radio]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: var(--color-false);
}
.radiobox input[type=radio]:checked:disabled ~ .choice__item__inner::before {
  background-color: rgba(22, 24, 26, 0.5);
}
.radiobox input[type=radio]:focus-visible ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}
.radiobox.true input[type=radio]:focus-visible ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}
.radiobox.false input[type=radio]:focus-visible ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}
@media (hover: hover) {
  .radiobox label:hover input[type=radio]:not(:disabled):checked ~ .choice__item__inner::before {
    background-color: #004098;
  }
  .radiobox label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: #004098;
  }
  .radiobox label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    background-color: #004098;
  }
  .radiobox.true label:hover input[type=radio]:not(:disabled):checked ~ .choice__item__inner::before {
    background-color: rgb(0, 125.1, 72);
  }
  .radiobox.true label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: rgb(0, 125.1, 72);
  }
  .radiobox.true label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    background-color: rgb(0, 125.1, 72);
  }
  .radiobox.false label:hover input[type=radio]:not(:disabled):checked ~ .choice__item__inner::before {
    background-color: rgb(149.4, 22.5, 76.5);
  }
  .radiobox.false label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::before {
    border-color: rgb(149.4, 22.5, 76.5);
  }
  .radiobox.false label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    background-color: rgb(149.4, 22.5, 76.5);
  }
  .radiobox.silhouette label:hover input[type=radio]:not(:disabled):not(:checked) ~ .choice__item__inner::after {
    background-color: var(--color-body);
  }
}

:root {
  --choice-tree-gap: 0.3rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --choice-tree-gap: 0.5rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --choice-tree-gap: 0.6rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --choice-tree-gap: 0.7rem;
  }
}

.choice__item--child {
  padding-left: 2.8rem;
  position: relative;
  margin-bottom: 0 !important;
}
.choice__item--child::after, .choice__item--child::before {
  content: "";
  position: absolute;
  background-color: var(--color-border);
  left: 0.9rem;
}
.choice__item--child::before {
  height: 0.1rem;
  width: 0.9rem;
  top: calc(0.85 + var(--choice-tree-gap));
}
.choice__item--child::after {
  height: 100%;
  width: 0.1rem;
  top: 0;
}
.choice__item--child:last-child::after {
  height: calc(0.85 + var(--choice-tree-gap));
}
.choice__item + .choice__item--child {
  top: var(--choice-tree-gap);
}

.checkbox--toggle .choice__item {
  position: relative;
}
.checkbox--toggle label {
  display: block;
}
.checkbox--toggle .choice__item__inner {
  padding-right: 3.9rem;
  padding-left: 0;
}
.checkbox--toggle .choice__item__inner::before, .checkbox--toggle .choice__item__inner::after {
  margin: 0;
  inset: auto;
  border: 0;
  transform: none;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border, box-shadow, background, left, right;
  content: "";
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
}
.checkbox--toggle .choice__item__inner::before {
  right: 0;
  border-radius: 999.9rem;
  width: 2.6rem;
  height: 1.8rem;
  background-color: rgb(229.37, 229.59, 229.81);
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
}
.checkbox--toggle .choice__item__inner::after {
  right: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: var(--color-body);
}
.checkbox--toggle.checkbox--toggle--left .choice__item__inner {
  padding-right: 0;
  padding-left: 3.9rem;
}
.checkbox--toggle.checkbox--toggle--left .choice__item__inner::before {
  right: auto;
  left: 0;
}
.checkbox--toggle.checkbox--toggle--left .choice__item__inner::after {
  right: auto;
  left: 0.2rem;
}
.checkbox--toggle.silhouette .choice__item__inner::before {
  border-color: transparent !important;
}
.checkbox--toggle.em .choice__item__inner::before {
  border-width: 0.2rem;
}
.checkbox--toggle.true input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
  border-color: #008B50;
  background-color: rgba(0, 139, 80, 0.15);
}
.checkbox--toggle.false input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
  border-color: var(--color-false);
  background-color: rgba(166, 25, 85, 0.15);
}
.checkbox--toggle input[type=checkbox]:checked ~ .choice__item__inner::before {
  background-color: #004098;
}
.checkbox--toggle input[type=checkbox]:checked ~ .choice__item__inner::after {
  right: 0.2rem;
}
.checkbox--toggle.checkbox--toggle--left input[type=checkbox]:checked ~ .choice__item__inner::after {
  right: auto;
  left: 1rem;
}
.checkbox--toggle.true input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: #008B50;
}
.checkbox--toggle.false input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
  background-color: var(--color-false);
}
.checkbox--toggle input[type=checkbox]:disabled ~ .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.checkbox--toggle input[type=checkbox]:checked:disabled ~ .choice__item__inner::before {
  background-color: rgba(22, 24, 26, 0.5);
}
.checkbox--toggle input[type=checkbox]:focus ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
  border-color: #004098;
}
.checkbox--toggle.true input[type=checkbox]:focus ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
  border-color: #008B50;
}
.checkbox--toggle.false input[type=checkbox]:focus ~ .choice__item__inner::before {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
  border-color: var(--color-false);
}
@media (hover: hover) {
  .checkbox--toggle .choice__item:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
    border-color: rgb(0, 51.2, 121.6);
  }
  .checkbox--toggle.true .choice__item:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
    border-color: rgb(0, 125.1, 72);
  }
  .checkbox--toggle.false .choice__item:hover input[type=checkbox]:not(:disabled) ~ .choice__item__inner::before {
    border-color: rgb(149.4, 22.5, 76.5);
  }
  .checkbox--toggle .choice__item:hover input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
    background-color: rgb(0, 51.2, 121.6);
    border-color: rgba(22, 24, 26, 0.11);
  }
  .checkbox--toggle.true .choice__item:hover input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
    background-color: rgb(0, 125.1, 72);
    border-color: rgba(22, 24, 26, 0.11);
  }
  .checkbox--toggle.false .choice__item:hover input[type=checkbox]:checked:not(:disabled) ~ .choice__item__inner::before {
    background-color: rgb(149.4, 22.5, 76.5);
    border-color: rgba(22, 24, 26, 0.11);
  }
}

.checkbox--toggle--text .choice__item__inner {
  padding-right: 3.25rem;
}
.checkbox--toggle--text .choice__item__inner__str {
  display: inline-block;
  width: 100%;
  padding-right: 2em;
  position: relative;
}
.checkbox--toggle--text .choice__item__inner__str::before, .checkbox--toggle--text .choice__item__inner__str::after {
  position: absolute;
  margin-block: auto;
  left: auto;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2em;
  text-align: right;
  white-space: nowrap;
  color: inherit;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1;
  height: 1em;
  text-transform: uppercase;
}
.checkbox--toggle--text .choice__item__inner__str::before {
  content: "On";
}
.checkbox--toggle--text .choice__item__inner__str::after {
  content: "Off";
}
.checkbox--toggle--text input[type=checkbox]:checked ~ .choice__item__inner .choice__item__inner__str::after {
  display: none;
}
.checkbox--toggle--text input[type=checkbox]:not(:checked) ~ .choice__item__inner .choice__item__inner__str::before {
  display: none;
}

.checkbox--button label {
  display: block;
}
.checkbox--button .choice__item__inner {
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  background-color: rgb(250.34, 250.38, 250.42);
  display: block;
  text-decoration: none !important;
  text-align: center;
  overflow: hidden;
  color: #004098;
  border-radius: 1lh;
  height: auto;
  min-height: 4rem;
  line-height: 2rem;
  padding: 0.9rem 1.3rem;
  position: relative;
  width: 100%;
}
.checkbox--button .choice__item__inner:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
@media (hover: hover) {
  .checkbox--button .choice__item__inner:hover {
    color: rgb(0, 51.2, 121.6);
    background-color: rgb(241.02, 241.14, 241.26);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
.checkbox--button .choice__item__inner:focus-visible, .checkbox--button .choice__item__inner.is-hover {
  color: rgb(0, 51.2, 121.6);
  background-color: rgb(241.02, 241.14, 241.26);
  border-color: rgba(22, 24, 26, 0.28);
}
@media (hover: hover) {
  .checkbox--button .choice__item__inner:hover {
    text-decoration: none !important;
  }
}
html.un-touched .checkbox--button .choice__item__inner:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
.checkbox--button .choice__item__inner:focus-visible {
  border-color: var(--color-font-link-hover);
}
.checkbox--button .choice__item__inner {
  transition-property: color,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.checkbox--button .choice__item__inner::before, .checkbox--button .choice__item__inner::after {
  display: none;
}
.checkbox--button input[type=checkbox]:checked ~ .choice__item__inner {
  background-color: var(--color-main);
  color: var(--color-body);
}
@media (hover: hover) {
  .checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:hover {
    background-color: rgb(0, 51.2, 121.6);
    color: var(--color-body);
    border-color: rgba(22, 24, 26, 0.28);
  }
}
.checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:focus-visible, .checkbox--button input[type=checkbox]:checked ~ .choice__item__inner.is-hover {
  background-color: rgb(0, 51.2, 121.6);
  color: var(--color-body);
  border-color: rgba(22, 24, 26, 0.28);
}
html.un-touched .checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:focus-visible {
  outline: rgba(0, 64, 152, 0.35) solid 0.3rem;
  outline-offset: 0;
}
@media (hover: hover) {
  .checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:disabled:hover {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
  }
}
.checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:disabled:focus-visible, .checkbox--button input[type=checkbox]:checked ~ .choice__item__inner:disabled.is-hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.checkbox--button input[type=checkbox]:disabled ~ .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.checkbox--button input[type=checkbox]:checked:disabled ~ .choice__item__inner::before {
  background-color: rgba(22, 24, 26, 0.5);
}

.radiobox--toggle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.radiobox--toggle > * {
  min-width: 0;
}
.radiobox--toggle > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.radiobox--toggle {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.radiobox--toggle--even > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.radiobox--toggle--fill > *:not(.flex__item) {
  flex-grow: 1;
}
.radiobox--toggle label {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}
.radiobox--toggle .choice__item__inner {
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-right: 1em;
  padding-left: 1em;
  position: relative;
  text-align: center;
  z-index: 1;
}
.radiobox--toggle .choice__item__inner::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: -2;
}
.radiobox--toggle .choice__item__inner::after {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 1lh;
  z-index: -1;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.radiobox--toggle .choice__item__inner, .radiobox--toggle .choice__item__inner::before, .radiobox--toggle .choice__item__inner::after {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: color, border, background, box-shadow;
}
.radiobox--toggle .choice__item__inner__str {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.radiobox--toggle.silhouette .choice__item__inner::before, .radiobox--toggle.silhouette .choice__item__inner::after {
  border-color: transparent !important;
}
.radiobox--toggle .choice__item:first-child input[type=radio] + .choice__item__inner::before {
  border-top-left-radius: 1lh;
  border-bottom-left-radius: 1lh;
}
.radiobox--toggle .choice__item:last-child input[type=radio] + .choice__item__inner::before {
  border-top-right-radius: 1lh;
  border-bottom-right-radius: 1lh;
}
.radiobox--toggle .choice__item:not(:first-child) input[type=radio] + .choice__item__inner::before {
  border-left: 0;
}
.radiobox--toggle .choice__item:not(:last-child) input[type=radio] + .choice__item__inner::before {
  border-right: 0;
}
.radiobox--toggle input[type=radio]:not(:disabled) + .choice__item__inner::before,
.radiobox--toggle input[type=radio]:checked:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.silhouette input[type=radio]:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.silhouette input[type=radio]:checked:not(:disabled) + .choice__item__inner::before,
.radiobox--toggle input[type=radio]:disabled + .choice__item__inner::before,
.radiobox--toggle input[type=radio]:checked:disabled + .choice__item__inner::before, .radiobox--toggle.silhouette input[type=radio]:disabled + .choice__item__inner::before, .radiobox--toggle.silhouette input[type=radio]:checked:disabled + .choice__item__inner::before {
  background-color: rgba(22, 24, 26, 0.06);
}
.radiobox--toggle input[type=radio]:not(:disabled) + .choice__item__inner::after,
.radiobox--toggle input[type=radio]:disabled + .choice__item__inner::after {
  background-color: transparent;
}
.radiobox--toggle input[type=radio]:checked:disabled + .choice__item__inner::after,
.radiobox--toggle input[type=radio]:checked:not(:disabled) + .choice__item__inner::after {
  background-color: #ffffff;
}
.radiobox--toggle.true input[type=radio]:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.true input[type=radio]:checked:not(:disabled) + .choice__item__inner::before {
  background-color: rgba(0, 139, 80, 0.15);
}
.radiobox--toggle.false input[type=radio]:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.false input[type=radio]:checked:not(:disabled) + .choice__item__inner::before {
  background-color: rgba(166, 25, 85, 0.15);
}
@media (hover: hover) {
  .radiobox--toggle label:hover input[type=radio]:not(:disabled) + .choice__item__inner::before,
  .radiobox--toggle label:hover input[type=radio]:checked:not(:disabled) + .choice__item__inner::before {
    background-color: rgba(22, 24, 26, 0.06);
  }
  .radiobox--toggle.true label:hover input[type=radio]:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.true label:hover input[type=radio]:checked:not(:disabled) + .choice__item__inner::before {
    background-color: rgba(0, 139, 80, 0.15);
  }
  .radiobox--toggle.false label:hover input[type=radio]:not(:disabled) + .choice__item__inner::before, .radiobox--toggle.false label:hover input[type=radio]:checked:not(:disabled) + .choice__item__inner::before {
    background-color: rgba(166, 25, 85, 0.15);
  }
  .radiobox--toggle label:hover input[type=radio]:not(:checked):not(:disabled) + .choice__item__inner::after, .radiobox--toggle.true label:hover input[type=radio]:not(:checked):not(:disabled) + .choice__item__inner::after, .radiobox--toggle.false label:hover input[type=radio]:not(:checked):not(:disabled) + .choice__item__inner::after {
    background-color: transparent;
  }
}
.radiobox--toggle input[type=radio]:not(:disabled) + .choice__item__inner::after {
  box-shadow: 0 0 0 0.3rem transparent;
}
.radiobox--toggle input[type=radio]:focus:not(:disabled) + .choice__item__inner::before {
  box-shadow: none;
}
.radiobox--toggle input[type=radio]:focus:not(:disabled) + .choice__item__inner::after {
  box-shadow: 0 0 0 0.3rem rgba(0, 64, 152, 0.35);
}
.radiobox--toggle.true input[type=radio]:focus:not(:disabled) + .choice__item__inner::after {
  box-shadow: 0 0 0 0.3rem rgba(0, 139, 80, 0.35);
}
.radiobox--toggle.false input[type=radio]:focus:not(:disabled) + .choice__item__inner::after {
  box-shadow: 0 0 0 0.3rem rgba(166, 25, 85, 0.35);
}
.radiobox--toggle input[type=radio]:disabled + .choice__item__inner::before,
.radiobox--toggle input[type=radio]:not(:disabled) + .choice__item__inner::before {
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
}
.radiobox--toggle input[type=radio]:disabled + .choice__item__inner::after,
.radiobox--toggle input[type=radio]:not(:disabled) + .choice__item__inner::after {
  border: 0.1rem solid transparent;
}
.radiobox--toggle.em input[type=radio] + .choice__item__inner::before {
  border-width: 0.2rem;
}
.radiobox--toggle.em input[type=radio] + .choice__item__inner::after {
  border-width: 0.2rem;
}
.radiobox--toggle.true input[type=radio]:not(:disabled) + .choice__item__inner::before {
  border-color: #008B50;
}
.radiobox--toggle.false input[type=radio]:not(:disabled) + .choice__item__inner::before {
  border-color: var(--color-false);
}
.radiobox--toggle input[type=radio]:checked:not(:disabled) + .choice__item__inner::after {
  border-color: #004098;
}
.radiobox--toggle input[type=radio]:checked:disabled + .choice__item__inner::after {
  border-color: rgb(229.37, 229.59, 229.81);
}
.radiobox--toggle.true input[type=radio]:checked:not(:disabled) + .choice__item__inner::after {
  border-color: #008B50;
}
.radiobox--toggle.false input[type=radio]:checked:not(:disabled) + .choice__item__inner::after {
  border-color: var(--color-false);
}
@media (hover: hover) {
  .radiobox--toggle label:hover input[type=radio]:not(:disabled):not(:checked) + .choice__item__inner::before {
    border-color: rgb(229.37, 229.59, 229.81);
  }
  .radiobox--toggle label:hover input[type=radio]:not(:disabled):not(:checked) + .choice__item__inner::after {
    border-color: transparent;
  }
  .radiobox--toggle label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner::before {
    border-color: rgb(229.37, 229.59, 229.81);
  }
  .radiobox--toggle label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner::after {
    border-color: rgb(0, 51.2, 121.6);
  }
  .radiobox--toggle.true label:hover input[type=radio]:not(:disabled):not(:checked) + .choice__item__inner::before {
    border-color: #008B50;
  }
  .radiobox--toggle.true label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner::after {
    border-color: rgb(0, 125.1, 72);
  }
  .radiobox--toggle.false label:hover input[type=radio]:not(:disabled):not(:checked) + .choice__item__inner::before {
    border-color: var(--color-false);
  }
  .radiobox--toggle.false label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner::after {
    border-color: rgb(149.4, 22.5, 76.5);
  }
}
.radiobox--toggle input[type=radio] + .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.radiobox--toggle input[type=radio]:checked + .choice__item__inner {
  color: var(--color-figure);
}
.radiobox--toggle input[type=radio]:disabled + .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.radiobox--toggle input[type=radio]:disabled:checked + .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.radiobox--toggle.true input[type=radio]:not(:disabled) + .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.radiobox--toggle.true input[type=radio]:not(:disabled):checked + .choice__item__inner {
  color: #008B50;
}
.radiobox--toggle.false input[type=radio]:not(:disabled) + .choice__item__inner {
  color: rgba(22, 24, 26, 0.5);
}
.radiobox--toggle.false input[type=radio]:not(:disabled):checked + .choice__item__inner {
  color: var(--color-false);
}
@media (hover: hover) {
  .radiobox--toggle label:hover input[type=radio]:not(:disabled) + .choice__item__inner {
    color: var(--color-figure);
  }
  .radiobox--toggle label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner {
    color: rgb(0, 51.2, 121.6);
  }
  .radiobox--toggle.true label:hover input[type=radio]:not(:disabled) + .choice__item__inner {
    color: #008B50;
  }
  .radiobox--toggle.true label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner {
    color: rgb(0, 125.1, 72);
  }
  .radiobox--toggle.false label:hover input[type=radio]:not(:disabled) + .choice__item__inner {
    color: var(--color-false);
  }
  .radiobox--toggle.false label:hover input[type=radio]:not(:disabled):checked + .choice__item__inner {
    color: rgb(149.4, 22.5, 76.5);
  }
}

.radiobox--icon .choice__item__inner,
.checkbox--icon .choice__item__inner {
  padding-left: 5.425rem;
}
.radiobox--icon i,
.checkbox--icon i {
  position: absolute;
  left: 2.8rem;
  top: 0.85em;
  translate: 0 -50%;
}

.radiobox--icon.radiobox--toggle .choice__item__inner,
.checkbox--icon.checkbox--toggle .choice__item__inner {
  padding-left: 2.625rem;
}
.radiobox--icon.radiobox--toggle i,
.checkbox--icon.checkbox--toggle i {
  left: 0;
}

.radiobox--icon.radiobox--toggle.radiobox--toggle--left .choice__item__inner,
.checkbox--icon.checkbox--toggle.checkbox--toggle--left .choice__item__inner {
  padding-left: 5.75rem;
}
.radiobox--icon.radiobox--toggle.radiobox--toggle--left i,
.checkbox--icon.checkbox--toggle.checkbox--toggle--left i {
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  transform: none;
  left: 3.125rem;
}

.checkbox--image label,
.radiobox--image label {
  z-index: 100;
  position: relative;
}
.checkbox--image input[type=radio],
.checkbox--image input[type=checkbox],
.radiobox--image input[type=radio],
.radiobox--image input[type=checkbox] {
  z-index: 102;
}
.checkbox--image img,
.radiobox--image img {
  position: relative;
  z-index: 101;
}
.checkbox--image .choice__item,
.radiobox--image .choice__item {
  background-color: #ffffff;
  opacity: 0.6;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.checkbox--image .choice__item:has(:checked),
.radiobox--image .choice__item:has(:checked) {
  opacity: 1;
}
html.un-touched .checkbox--image .choice__item:has(:focus-visible),
html.un-touched .radiobox--image .choice__item:has(:focus-visible) {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}
.checkbox--image .choice__item:has(:focus-visible),
.radiobox--image .choice__item:has(:focus-visible) {
  opacity: 1;
}
@media (hover: hover) {
  .checkbox--image .choice__item:hover,
  .radiobox--image .choice__item:hover {
    opacity: 1;
  }
  .checkbox--image .choice__item input:hover,
  .radiobox--image .choice__item input:hover {
    cursor: pointer;
  }
}
.checkbox--image .togglebox--image__image,
.radiobox--image .togglebox--image__image {
  width: calc(100% + 4.2rem);
}
.checkbox--image .togglebox--image__image,
.radiobox--image .togglebox--image__image {
  min-width: calc(100% + 4.2rem);
}
.checkbox--image .togglebox--image__image,
.radiobox--image .togglebox--image__image {
  max-width: calc(100% + 4.2rem);
}
.checkbox--image .togglebox--image__image,
.radiobox--image .togglebox--image__image {
  margin-top: -1.6rem;
  margin-inline: -2.1rem;
  margin-bottom: 1.6rem;
  padding-top: calc(100% + 4.2rem);
  height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}
.checkbox--image label,
.radiobox--image label {
  display: block;
  padding: 1.6rem 2.1rem;
  height: 100%;
  position: relative;
}

.checkbox--image--only label,
.radiobox--image--only label {
  position: relative;
}
.checkbox--image--only label::before, .checkbox--image--only label::after,
.radiobox--image--only label::before,
.radiobox--image--only label::after {
  position: absolute;
  z-index: 110;
}
.checkbox--image--only label::before,
.radiobox--image--only label::before {
  content: "";
  left: 1.4rem;
  top: 1.4rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff;
  border-radius: 50%;
}
.checkbox--image--only label::after,
.radiobox--image--only label::after {
  color: rgba(22, 24, 26, 0.3);
}
.checkbox--image--only label:has(:checked)::after,
.radiobox--image--only label:has(:checked)::after {
  color: var(--color-main);
}
@media (hover: hover) {
  .checkbox--image--only .choice__item:hover label::after,
  .radiobox--image--only .choice__item:hover label::after {
    color: var(--color-main);
  }
}
.checkbox--image--only .choice__item__inner,
.radiobox--image--only .choice__item__inner {
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 101;
  min-height: 1.7em;
  line-height: 1.7;
}
.checkbox--image--only .choice__item__inner::before, .checkbox--image--only .choice__item__inner::after,
.radiobox--image--only .choice__item__inner::before,
.radiobox--image--only .choice__item__inner::after {
  display: none;
}
.checkbox--image--only label::after {
  font-variant-ligatures: discretionary-ligatures;
  letter-spacing: 0 !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  font-family: icon-font-33;
  font-variation-settings: "wght" 500;
  font-size: 3.3rem;
  content: "checked";
  left: 1rem;
  top: 1rem;
}

@media (hover: hover) {
  .checkbox--image--only .choice__item:hover label::after {
    color: rgba(22, 24, 26, 0.5);
  }
  .checkbox--image--only .choice__item:hover label:has(:checked)::after {
    color: var(--color-main);
  }
}
.radiobox--image--only label::after {
  content: "";
  border: 0.1rem solid currentcolor;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  left: 1.8rem;
  top: 1.8rem;
}
.radiobox--image--only label:has(:checked)::after {
  border-width: 0.4rem;
}

textarea {
  height: 20rem;
  line-height: 1.7;
  resize: none;
  padding: 0.7rem 1.3rem;
}

.textarea--sm,
.textarea--auto {
  height: 10rem;
}

.textarea--lg {
  height: 30rem;
}

textarea.rounded.rounded--max {
  border-radius: 2rem;
}
textarea.rounded.rounded--max .lg {
  border-radius: 3.4rem;
}
textarea.rounded.rounded--max .xl {
  border-radius: 4.4rem;
}

.range {
  position: relative;
}
.range:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.range {
  height: 4rem;
  background-color: rgb(215.39, 215.73, 216.07);
  border-radius: 999.9rem;
  padding: 1.8rem 2rem;
}
.range.range--with-value {
  padding-right: 5.2rem;
}
html.un-touched .range:has(:focus-visible) {
  outline: rgba(0, 64, 152, 0.6) solid 0.3rem;
  outline-offset: 0;
}

.range__track {
  background-color: var(--color-body);
  border-radius: 999.9rem;
  height: 0.4rem;
  position: relative;
}

.range__track__input-range {
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  height: 0.4rem;
  width: 100%;
  outline: 0;
  border: 0;
  background-color: transparent;
}
.range__track__input-range::-moz-range-thumb-reset {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border: 0;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
  margin-top: -0.85rem;
}
.range__track__input-range::-webkit-slider-thumb {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border: 0;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
  margin-top: -0.85rem;
}
.range__track__input-range::-moz-range-track {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background-color: transparent;
  border: 0;
  height: 0.4rem;
  margin-inline: -1.05rem;
  width: calc(100% + 2.1rem);
}
.range__track__input-range::-webkit-slider-runnable-track {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background-color: transparent;
  border: 0;
  height: 0.4rem;
  margin-inline: -1.05rem;
  width: calc(100% + 2.1rem);
}
.range__track__input-range::-ms-track, .range__track__input-range::-ms-fill-upper, .range__track__input-range::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
  border: 0;
  color: transparent;
}

.range__track__thumb {
  background-color: #004098;
  width: 2.1rem;
  height: 2.1rem;
  background-color: #004098;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -0.85rem;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  translate: -50% 0;
  pointer-events: none;
}
.range__track__thumb::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m12.94824,14.72461c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l2.79297-2.79297c.09766-.09766.09766-.25635,0-.354l-2.79297-2.79297c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l2.79297,2.79297c.68262.68213.68262,1.79248,0,2.4751l-2.79297,2.79297c-.14648.14648-.33789.21973-.53027.21973Z"/><path class="b" d="m8.05176,14.72461c-.19238,0-.38379-.07324-.53027-.21973l-2.79297-2.79297c-.68262-.68262-.68262-1.79297,0-2.4751l2.79297-2.79297c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-2.79297,2.79297c-.09766.09766-.09766.25635,0,.354l2.79297,2.79297c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
}

.range__track__active {
  background-color: rgb(0, 51.2, 121.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0.4rem;
  border-top-left-radius: 999.9rem;
  border-bottom-left-radius: 999.9rem;
  pointer-events: none;
}

.range__scale {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.range__scale > * {
  min-width: 0;
}
.range__scale > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.range__scale {
  margin-inline: auto;
  height: 1.3rem;
  padding-right: -0.9rem;
  padding-left: -0.9rem;
}

.range__scale--step {
  height: 1.1rem;
}

.range__scale__item {
  position: relative;
  font-size: 1.1rem;
  line-height: 1.3rem;
  width: 2.2rem;
  text-align: center;
}
.range__scale--step .range__scale__item {
  position: relative;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  display: block;
}
.range__scale--step .range__scale__item::before {
  content: "";
  height: 1.1rem;
  width: 0.1rem;
  background-color: var(--color-figure);
  position: absolute;
  margin: auto;
  inset: 0;
}

.range__value {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #16181a;
  color: var(--color-body);
  text-align: center;
  width: 3.9rem;
  border-radius: var(--radius);
  line-height: 0.4rem;
}
.range__value::before {
  content: "";
  rotate: 45deg;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  left: -0.325rem;
  width: 0.65rem;
  height: 0.65rem;
  background-color: #16181a;
}

.range--exchange-elem--list--item {
  display: none;
}
.range--exchange-elem--list--item.is-active {
  display: block;
}
.range--exchange-elem input[type=range] {
  position: relative;
}
.range--exchange-elem input[type=range]::before {
  content: "";
  position: absolute;
  background-color: var(--color-body);
  width: 100%;
  height: 100%;
}

.scrubber__fig:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.scrubber__fig {
  aspect-ratio: 16/9;
  position: relative;
}

.scrubber__fig__item {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 100;
}
.scrubber__fig__item::before {
  content: "";
  position: absolute;
  top: var(--margin);
  z-index: 102;
  color: var(--color-white);
}
.scrubber__fig__item img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
  z-index: 101;
}
.scrubber__fig__item--before::before {
  content: "Before";
  left: var(--margin);
}
.scrubber__fig__item--after::before {
  content: "After";
  right: var(--margin);
}
.scrubber__fig__item--after::after {
  content: "";
  position: absolute;
  z-index: 103;
  right: 100%;
  height: 100%;
  top: 0;
  width: 0.2rem;
  background-color: var(--color-body);
}

.scrubber__range {
  width: calc((100% - var(--margin-width) * 11) / 12 * 6 + var(--margin-width) * 5);
  margin-inline: auto;
}
@media print, screen and (min-width: 843.02px) {
  .scrubber__range {
    width: calc((100% - var(--margin-width) * 11) / 12 * 3 + var(--margin-width) * 2);
  }
}

.input-file {
  display: block;
  color: #004098;
  padding: 0.8rem 1.3rem;
  width: 100%;
  line-height: 2.2rem;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  border-radius: 1lh;
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  background-color: rgb(250.34, 250.38, 250.42);
}
.input-file:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.input-file {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: background, border, color;
}

.input-file:hover {
  background-color: rgb(241.02, 241.14, 241.26);
  border-color: rgba(22, 24, 26, 0.17);
}

.input-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.input-file__file-name {
  display: none;
  background-color: rgba(22, 24, 26, 0.03);
  width: 100%;
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
  border: 0;
}
.input-file__file-name.is-active {
  display: block;
}

.input-file-image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  background-color: rgba(22, 24, 26, 0.03);
  padding-top: 100%;
  z-index: 1;
  position: relative;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: border, background;
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-radius: 1lh;
}
.input-file-image:hover {
  background-color: rgba(22, 24, 26, 0.11);
  border-color: #004098;
}

.input-file-image__input,
.input-file-image__content {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.input-file-image__input {
  z-index: 2;
  opacity: 0;
}
.input-file-image__input:hover {
  cursor: pointer;
}

.input-file-image__content {
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.input-file-image__content > * {
  min-width: 0;
}
.input-file-image__content > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.input-file-image__content {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.input-file-image__content__inner {
  text-align: center;
}

.scrollable {
  overflow: auto;
}
.scrollable:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.scrollable {
  max-height: 20rem;
}

.scrollable--sm {
  max-height: 10rem;
}

.scrollable--lg {
  max-height: 30rem;
}

.form-height {
  line-height: 4rem;
}

@media print, screen and (max-width: 667px) {
  .form-height--p {
    line-height: 4rem;
  }
}

@media print, screen and (max-width: 1018px) {
  .form-height--p-t {
    line-height: 4rem;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .form-height--t {
    line-height: 4rem;
  }
}

@media print, screen and (min-width: 667.02px) {
  .form-height--t-d {
    line-height: 4rem;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .form-height--d {
    line-height: 4rem;
  }
}

.form-height .checkbox label,
.form-height.checkbox label {
  line-height: 4rem;
  height: 4rem;
}

.form-set {
  position: relative;
}
.form-set button,
.form-set label,
.form-set .form-set--icon__inner {
  color: var(--color-figure);
}
.form-set:has(input:focus) button,
.form-set:has(input:focus) label,
.form-set:has(input:focus) .form-set--icon__inner, .form-set:has(input:hover) button,
.form-set:has(input:hover) label,
.form-set:has(input:hover) .form-set--icon__inner, .form-set:has(select:focus) button,
.form-set:has(select:focus) label,
.form-set:has(select:focus) .form-set--icon__inner, .form-set:has(select:hover) button,
.form-set:has(select:hover) label,
.form-set:has(select:hover) .form-set--icon__inner {
  color: #004098;
}
.form-set:has(input.false:focus) button,
.form-set:has(input.false:focus) label,
.form-set:has(input.false:focus) .form-set--icon__inner, .form-set:has(input.false:hover) button,
.form-set:has(input.false:hover) label,
.form-set:has(input.false:hover) .form-set--icon__inner, .form-set:has(select.false:focus) button,
.form-set:has(select.false:focus) label,
.form-set:has(select.false:focus) .form-set--icon__inner, .form-set:has(select.false:hover) button,
.form-set:has(select.false:hover) label,
.form-set:has(select.false:hover) .form-set--icon__inner {
  color: var(--color-false);
}

.form-set__header {
  font-size: 0.9rem;
  line-height: 1.1rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
  padding-left: 1.3rem;
  color: rgba(22, 24, 26, 0.5);
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.form-set--icon--left .form-set__header {
  padding-left: 4rem;
}
.form-set:has(:focus) .form-set__header {
  color: var(--color-main);
}
.form-set__header + input[type=search], .form-set__header + input[type=password], .form-set__header + input[type=text], .form-set__header + input[type=tel], .form-set__header + input[type=number], .form-set__header + input[type=email], .form-set__header + select {
  padding-top: 1.9rem;
  height: 4.9rem;
}

.form-set--icon label:not(.form-set__header),
.form-set--icon .form-set--icon__inner,
.form-set--icon .button {
  position: absolute;
  top: 0.1rem;
  height: 3.8rem;
  width: 3.8rem;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  z-index: 0;
}
.ios-header .form-set--icon label:not(.form-set__header),
.ios-header .form-set--icon .form-set--icon__inner,
.ios-header .form-set--icon .button {
  height: calc(var(--ios-header__form-height) - 0.2rem);
  min-height: calc(var(--ios-header__form-height) - 0.2rem);
  width: calc(var(--ios-header__form-height) - 0.2rem);
}
.form-set--icon label:not(.form-set__header) .icon,
.form-set--icon .form-set--icon__inner .icon,
.form-set--icon .button .icon {
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 2;
}
.form-set--icon .button::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  transition-property: background,border,box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  z-index: 1;
  border-radius: 50%;
  width: 70%;
  height: 70%;
  background-color: transparent;
  border: 0.1rem solid transparent;
}
@media (hover: hover) {
  .form-set--icon .button:hover {
    color: var(--color-body);
  }
  .form-set--icon .button:hover::before {
    background-color: #004098;
    border-color: rgba(22, 24, 26, 0.17);
  }
}
.form-set--icon .button:focus-visible, .form-set--icon .button.is-hover {
  color: var(--color-body);
}
.form-set--icon .button:focus-visible::before, .form-set--icon .button.is-hover::before {
  background-color: #004098;
  border-color: rgba(22, 24, 26, 0.17);
}
.form-set--icon .button:focus-visible {
  outline: none;
}

.form-set--icon--right input[type=search],
.form-set--icon--right input[type=password],
.form-set--icon--right input[type=text],
.form-set--icon--right input[type=tel],
.form-set--icon--right input[type=number],
.form-set--icon--right input[type=email],
.form-set--icon--right select {
  padding-right: 4rem;
}
.ios-header .form-set--icon--right input[type=search],
.ios-header .form-set--icon--right input[type=password],
.ios-header .form-set--icon--right input[type=text],
.ios-header .form-set--icon--right input[type=tel],
.ios-header .form-set--icon--right input[type=number],
.ios-header .form-set--icon--right input[type=email],
.ios-header .form-set--icon--right select {
  padding-right: var(--ios-header__form-height);
}
.form-set--icon--right .button,
.form-set--icon--right label,
.form-set--icon--right .form-set--icon__inner {
  right: 0.1rem;
}
.ios-header .form-set--icon--right .button,
.ios-header .form-set--icon--right label,
.ios-header .form-set--icon--right .form-set--icon__inner {
  right: 0;
}

.form-set--icon--left input[type=search],
.form-set--icon--left input[type=password],
.form-set--icon--left input[type=text],
.form-set--icon--left input[type=tel],
.form-set--icon--left input[type=number],
.form-set--icon--left input[type=email],
.form-set--icon--left select {
  padding-left: 4rem;
}
.ios-header .form-set--icon--left input[type=search],
.ios-header .form-set--icon--left input[type=password],
.ios-header .form-set--icon--left input[type=text],
.ios-header .form-set--icon--left input[type=tel],
.ios-header .form-set--icon--left input[type=number],
.ios-header .form-set--icon--left input[type=email],
.ios-header .form-set--icon--left select {
  padding-left: var(--ios-header__form-height);
}
.form-set--icon--left .button,
.form-set--icon--left label,
.form-set--icon--left .form-set--icon__inner {
  left: 0.1rem;
}
.ios-header .form-set--icon--left .button,
.ios-header .form-set--icon--left label,
.ios-header .form-set--icon--left .form-set--icon__inner {
  left: 0;
}

.form-set--icon--both input[type=search],
.form-set--icon--both input[type=password],
.form-set--icon--both input[type=text],
.form-set--icon--both input[type=tel],
.form-set--icon--both input[type=number],
.form-set--icon--both input[type=email],
.form-set--icon--both select {
  padding-inline: 4rem;
}
.ios-header .form-set--icon--both input[type=search],
.ios-header .form-set--icon--both input[type=password],
.ios-header .form-set--icon--both input[type=text],
.ios-header .form-set--icon--both input[type=tel],
.ios-header .form-set--icon--both input[type=number],
.ios-header .form-set--icon--both input[type=email],
.ios-header .form-set--icon--both select {
  padding-inline: var(--ios-header__form-height);
}
.form-set--icon--both .button,
.form-set--icon--both label,
.form-set--icon--both .form-set--icon__inner {
  right: 0.1rem;
}
.ios-header .form-set--icon--both .button,
.ios-header .form-set--icon--both label,
.ios-header .form-set--icon--both .form-set--icon__inner {
  right: 0;
}
.form-set--icon--both .button:first-child,
.form-set--icon--both label:first-child,
.form-set--icon--both .form-set--icon__inner:first-child {
  left: 0.1rem;
}
.ios-header .form-set--icon--both .button:first-child,
.ios-header .form-set--icon--both label:first-child,
.ios-header .form-set--icon--both .form-set--icon__inner:first-child {
  left: 0;
}

.form-set--icon__inner {
  pointer-events: none;
}

.form-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.form-group > * {
  min-width: 0;
}
.form-group > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.form-group {
  border: 0.1rem solid rgb(229.37, 229.59, 229.81);
  border-radius: 1lh;
  overflow: hidden;
}
.form-group input,
.form-group .selectbox {
  border-width: 0;
  border-radius: 0;
}
.form-group input {
  min-height: 3.8rem;
  height: 3.8rem;
}
.form-group > * {
  overflow: hidden;
}
.form-group > *:not(:first-child) {
  border-left: 0.1rem solid rgb(229.37, 229.59, 229.81);
}

.form-group--h > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.rating {
  height: 3.8rem;
  width: 100%;
  position: relative;
}
.rating:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.rating__list {
  position: absolute;
  top: 0;
  left: 0;
  height: 3.8rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.rating__list > * {
  min-width: 0;
}
.rating__list > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.rating__list > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.rating__list > *:not(.flex__item) {
  flex-grow: 1;
}
.rating__list {
  z-index: 1;
}

.rating__list__item {
  height: 3.8rem;
  position: relative;
}
.rating__list__item i {
  position: absolute;
  margin: auto;
  inset: 0;
}
.rating__list__item i {
  width: 2.1rem;
}
.rating__list__item i {
  min-width: 2.1rem;
}
.rating__list__item i {
  max-width: 2.1rem;
}
.rating__list__item i {
  height: 2.1rem;
}
.rating__list__item i .icon__svg {
  fill: #16181a;
}
.rating__list__item i {
  background-image: url("../assets/image/icon/md/heart-fill.svg?74");
}
.rating__list__item.is-active i .icon__svg {
  fill: #004098;
}
.rating input[type=range]:disabled + .rating__list .rating__list__item i .icon__svg {
  fill: rgba(22, 24, 26, 0.5);
}

.rating input[type=range] {
  width: 100%;
  height: 3.8rem;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.rating input[type=range]:disabled {
  display: none;
}

label.disabled {
  color: rgba(22, 24, 26, 0.5);
}

.label-h {
  font-size: var(--font-size--sm);
  letter-spacing: var(--letter-spacing--sm);
  line-height: 1.7;
  padding-top: calc((4rem - 1.7em) * 0.5);
  position: relative;
  padding-left: calc(var(--label-h__gap-left) + 0.1rem);
  padding-bottom: calc((4rem - 1.7em) * 0.5 + var(--margin) * 0.5);
}
.label-h::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.1rem;
  background-color: var(--color-border);
  height: calc(100% - var(--margin) * 0.5);
}
.txt-ngtv .label-h {
  border-left-color: rgba(255, 255, 255, 0.6);
}

.label-str {
  display: block;
  position: relative;
}

.label-hint {
  display: block;
  font-size: var(--font-size--xs);
  letter-spacing: var(--letter-spacing--xs);
  line-height: 1.7;
  color: rgba(22, 24, 26, 0.5);
  border-color: currentcolor;
}
input + .label-hint:not(:first-child) {
  margin-top: calc(var(--margin) * 0.5 * 1);
}

.must.label-h .label-str::after, .opt.label-h .label-str::after {
  font-size: 0.9rem;
  letter-spacing: 0 !important;
  white-space: nowrap;
  margin-left: 0.75em;
  vertical-align: top;
}
.must.checkbox .choice__item__inner__str, .opt.checkbox .choice__item__inner__str {
  position: relative;
}
.must.checkbox .choice__item__inner__str::after, .opt.checkbox .choice__item__inner__str::after {
  font-size: 0.9rem;
  letter-spacing: 0 !important;
  white-space: nowrap;
  margin-left: 1em;
}
.must:not(:has(.label-str)), .opt:not(:has(.label-str)) {
  position: relative !important;
  overflow: visible !important;
  min-height: calc(3em + 0.4rem);
  display: block;
}
.must:not(:has(.label-str))::before, .opt:not(:has(.label-str))::before {
  content: ".mustのlabelにはspan.label-strを入れてください。" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  color: #a61955 !important;
  padding: 0.65em 1em;
  border: 0.2rem solid currentcolor;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6);
}

.must.label-h .label-str::after, .must.checkbox .choice__item__inner__str::after {
  content: "必須";
  color: var(--color-danger);
}

.opt.label-h .label-str::after, .opt.checkbox .choice__item__inner__str::after {
  content: "任意";
  color: #004098;
}

.js__inview,
.js__inview .js__inview__inner, .js__inview::after, .js__inview::before {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.75s;
}

.js__inview__item {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.75s;
}

.js__inview--false {
  transition: none;
}

.is-active--slow,
.is-active--slow .js__inview__inner, .is-active--slow::after, .is-active--slow::before {
  transition-duration: 1.5s;
}

.is-active--fast,
.is-active--fast .js__inview__inner, .is-active--fast::after, .is-active--fast::before {
  transition-duration: 0.375s;
}

span.js__inview {
  display: inline-block;
}

.is-active--fade-in {
  transition-property: opacity;
  opacity: 0;
}
.is-active--fade-in.is-active, html.no-js .is-active--fade-in {
  opacity: 1;
}
@media print {
  .is-active--fade-in {
    opacity: 1;
  }
}

.is-active--fade-out {
  transition-property: opacity;
  opacity: 1;
}
.is-active--fade-out.is-active, html.no-js .is-active--fade-out {
  opacity: 0;
}
@media print {
  .is-active--fade-out {
    opacity: 0;
  }
}

.is-active--bg {
  transition-property: none !important;
}
.is-active--bg img {
  transition-property: scale;
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  scale: 1.5;
  opacity: 0;
}
.is-active--bg.is-active img, html.no-js .is-active--bg img {
  scale: 1;
  opacity: 1;
}
@media print {
  .is-active--bg img {
    scale: 1;
    opacity: 1;
  }
}

.is-active--gs {
  filter: grayscale(100%);
  transition-property: filter;
}
.is-active--gs.is-active, html.no-js .is-active--gs {
  filter: grayscale(0);
}

.is-activing--gs {
  filter: grayscale(100%);
  transition-property: filter;
}
.is-activing--gs.is-activing, html.no-js .is-activing--gs {
  filter: grayscale(0);
}

.is-active--slide {
  position: relative;
  overflow: hidden;
  z-index: 100;
}
.is-active--slide::before, .is-active--slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.is-active--slide::before {
  z-index: 102;
  background-color: var(--color-body);
  transition-duration: 0.375s;
  transition-delay: 0s;
}
.is-active--slide::after {
  z-index: 101;
  background-color: rgb(248.01, 248.07, 248.13);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
}

.is-active--slide--top::before, .is-active--slide--top::after {
  left: 0;
  bottom: 0;
}
.is-active--slide--top.is-active::before, .is-active--slide--top.is-active::after, html.no-js .is-active--slide--top::before, html.no-js .is-active--slide--top::after {
  bottom: 100%;
}
@media print {
  .is-active--slide--top::before, .is-active--slide--top::after {
    bottom: 100%;
  }
}

.is-active--slide--right::before, .is-active--slide--right::after {
  left: 0;
  top: 0;
}
.is-active--slide--right.is-active::before, .is-active--slide--right.is-active::after, html.no-js .is-active--slide--right::before, html.no-js .is-active--slide--right::after {
  left: 100%;
}
@media print {
  .is-active--slide--right::before, .is-active--slide--right::after {
    left: 100%;
  }
}

.is-active--slide--bottom::before, .is-active--slide--bottom::after {
  left: 0;
  top: 0;
}
.is-active--slide--bottom.is-active::before, .is-active--slide--bottom.is-active::after, html.no-js .is-active--slide--bottom::before, html.no-js .is-active--slide--bottom::after {
  top: 100%;
}
@media print {
  .is-active--slide--bottom::before, .is-active--slide--bottom::after {
    top: 100%;
  }
}

.is-active--slide--left::before, .is-active--slide--left::after {
  right: 0;
  top: 0;
}
.is-active--slide--left.is-active::before, .is-active--slide--left.is-active::after, html.no-js .is-active--slide--left::before, html.no-js .is-active--slide--left::after {
  right: 100%;
}
@media print {
  .is-active--slide--left::before, .is-active--slide--left::after {
    right: 100%;
  }
}

.is-active--slide-fade {
  position: relative;
  overflow: hidden;
  z-index: 100;
}
.is-active--slide-fade::before {
  content: "";
  position: absolute;
  width: 300%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 102;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 33.3333333333%, white 66.6666666667%);
  transition-property: right;
  transition-duration: 0.375s;
  transition-delay: 0s;
}

.is-active--slide-fade.is-active::before, html.no-js .is-active--slide-fade::before {
  right: -200%;
}
@media print {
  .is-active--slide-fade::before {
    display: none;
  }
}

.is-active--up {
  transition-property: opacity, translate, scale, rotate;
  opacity: 0;
}
.is-active--up.is-active, html.no-js .is-active--up {
  opacity: 1;
}
@media print {
  .is-active--up {
    opacity: 1;
  }
}
.is-active--up.is-active, html.no-js .is-active--up {
  translate: 0 0;
}
@media print {
  .is-active--up {
    translate: 0 0;
  }
}
.is-active--up {
  translate: 0 calc(var(--margin) * 1);
}

.is-active--down {
  transition-property: opacity, translate, scale, rotate;
  opacity: 0;
}
.is-active--down.is-active, html.no-js .is-active--down {
  opacity: 1;
}
@media print {
  .is-active--down {
    opacity: 1;
  }
}
.is-active--down.is-active, html.no-js .is-active--down {
  translate: 0 0;
}
@media print {
  .is-active--down {
    translate: 0 0;
  }
}
.is-active--down {
  translate: 0 calc(var(--margin) * -1);
}

.is-active--left {
  transition-property: opacity, translate, scale, rotate;
  opacity: 0;
}
.is-active--left.is-active, html.no-js .is-active--left {
  opacity: 1;
}
@media print {
  .is-active--left {
    opacity: 1;
  }
}
.is-active--left.is-active, html.no-js .is-active--left {
  translate: 0 0;
}
@media print {
  .is-active--left {
    translate: 0 0;
  }
}
.is-active--left {
  translate: calc(var(--margin) * -1) 0;
}

.is-active--right {
  transition-property: opacity, translate, scale, rotate;
  opacity: 0;
}
.is-active--right.is-active, html.no-js .is-active--right {
  opacity: 1;
}
@media print {
  .is-active--right {
    opacity: 1;
  }
}
.is-active--right.is-active, html.no-js .is-active--right {
  translate: 0 0;
}
@media print {
  .is-active--right {
    translate: 0 0;
  }
}
.is-active--right {
  translate: var(--margin) 0;
}

.js__inview__item > *:nth-child(1) {
  transition-delay: 0.2s;
}
.js__inview__item > *:nth-child(2) {
  transition-delay: 0.4s;
}
.js__inview__item > *:nth-child(3) {
  transition-delay: 0.6s;
}
.js__inview__item > *:nth-child(4) {
  transition-delay: 0.8s;
}
.js__inview__item > *:nth-child(5) {
  transition-delay: 1s;
}
.js__inview__item > *:nth-child(6) {
  transition-delay: 1.2s;
}
.js__inview__item > *:nth-child(7) {
  transition-delay: 1.4s;
}
.js__inview__item > *:nth-child(8) {
  transition-delay: 1.6s;
}
.js__inview__item > *:nth-child(9) {
  transition-delay: 1.8s;
}
.js__inview__item > *:nth-child(10) {
  transition-delay: 2s;
}

.js__inview__item--2 > *:nth-child(1), .js__inview__item--2 > *:nth-child(2) {
  transition-delay: 0.2s;
}
.js__inview__item--2 > *:nth-child(3), .js__inview__item--2 > *:nth-child(4) {
  transition-delay: 0.4s;
}
.js__inview__item--2 > *:nth-child(5), .js__inview__item--2 > *:nth-child(6) {
  transition-delay: 0.6s;
}
.js__inview__item--2 > *:nth-child(7), .js__inview__item--2 > *:nth-child(8) {
  transition-delay: 0.8s;
}
.js__inview__item--2 > *:nth-child(9), .js__inview__item--2 > *:nth-child(10) {
  transition-delay: 1s;
}
.js__inview__item--2 > *:nth-child(11), .js__inview__item--2 > *:nth-child(12) {
  transition-delay: 1.2s;
}
.js__inview__item--2 > *:nth-child(13), .js__inview__item--2 > *:nth-child(14) {
  transition-delay: 1.4s;
}
.js__inview__item--2 > *:nth-child(15), .js__inview__item--2 > *:nth-child(16) {
  transition-delay: 1.6s;
}
.js__inview__item--2 > *:nth-child(17), .js__inview__item--2 > *:nth-child(18) {
  transition-delay: 1.8s;
}
.js__inview__item--2 > *:nth-child(19), .js__inview__item--2 > *:nth-child(20) {
  transition-delay: 2s;
}

.js__inview__item--3 > *:nth-child(1), .js__inview__item--3 > *:nth-child(2), .js__inview__item--3 > *:nth-child(3) {
  transition-delay: 0.2s;
}
.js__inview__item--3 > *:nth-child(4), .js__inview__item--3 > *:nth-child(5), .js__inview__item--3 > *:nth-child(6) {
  transition-delay: 0.4s;
}
.js__inview__item--3 > *:nth-child(7), .js__inview__item--3 > *:nth-child(8), .js__inview__item--3 > *:nth-child(9) {
  transition-delay: 0.6s;
}
.js__inview__item--3 > *:nth-child(10), .js__inview__item--3 > *:nth-child(11), .js__inview__item--3 > *:nth-child(12) {
  transition-delay: 0.8s;
}
.js__inview__item--3 > *:nth-child(13), .js__inview__item--3 > *:nth-child(14), .js__inview__item--3 > *:nth-child(15) {
  transition-delay: 1s;
}
.js__inview__item--3 > *:nth-child(16), .js__inview__item--3 > *:nth-child(17), .js__inview__item--3 > *:nth-child(18) {
  transition-delay: 1.2s;
}
.js__inview__item--3 > *:nth-child(19), .js__inview__item--3 > *:nth-child(20), .js__inview__item--3 > *:nth-child(21) {
  transition-delay: 1.4s;
}
.js__inview__item--3 > *:nth-child(22), .js__inview__item--3 > *:nth-child(23), .js__inview__item--3 > *:nth-child(24) {
  transition-delay: 1.6s;
}
.js__inview__item--3 > *:nth-child(25), .js__inview__item--3 > *:nth-child(26), .js__inview__item--3 > *:nth-child(27) {
  transition-delay: 1.8s;
}
.js__inview__item--3 > *:nth-child(28), .js__inview__item--3 > *:nth-child(29), .js__inview__item--3 > *:nth-child(30) {
  transition-delay: 2s;
}

.js__inview__item--fast--3 > *:nth-child(1), .js__inview__item--fast--3 > *:nth-child(2), .js__inview__item--fast--3 > *:nth-child(3) {
  transition-delay: 0.1s;
}
.js__inview__item--fast--3 > *:nth-child(4), .js__inview__item--fast--3 > *:nth-child(5), .js__inview__item--fast--3 > *:nth-child(6) {
  transition-delay: 0.2s;
}
.js__inview__item--fast--3 > *:nth-child(7), .js__inview__item--fast--3 > *:nth-child(8), .js__inview__item--fast--3 > *:nth-child(9) {
  transition-delay: 0.3s;
}
.js__inview__item--fast--3 > *:nth-child(10), .js__inview__item--fast--3 > *:nth-child(11), .js__inview__item--fast--3 > *:nth-child(12) {
  transition-delay: 0.4s;
}
.js__inview__item--fast--3 > *:nth-child(13), .js__inview__item--fast--3 > *:nth-child(14), .js__inview__item--fast--3 > *:nth-child(15) {
  transition-delay: 0.5s;
}
.js__inview__item--fast--3 > *:nth-child(16), .js__inview__item--fast--3 > *:nth-child(17), .js__inview__item--fast--3 > *:nth-child(18) {
  transition-delay: 0.6s;
}
.js__inview__item--fast--3 > *:nth-child(19), .js__inview__item--fast--3 > *:nth-child(20), .js__inview__item--fast--3 > *:nth-child(21) {
  transition-delay: 0.7s;
}
.js__inview__item--fast--3 > *:nth-child(22), .js__inview__item--fast--3 > *:nth-child(23), .js__inview__item--fast--3 > *:nth-child(24) {
  transition-delay: 0.8s;
}
.js__inview__item--fast--3 > *:nth-child(25), .js__inview__item--fast--3 > *:nth-child(26), .js__inview__item--fast--3 > *:nth-child(27) {
  transition-delay: 0.9s;
}
.js__inview__item--fast--3 > *:nth-child(28), .js__inview__item--fast--3 > *:nth-child(29), .js__inview__item--fast--3 > *:nth-child(30) {
  transition-delay: 1s;
}

.is-active__item--up > * {
  transition-property: opacity, translate;
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  translate: 0 calc(var(--margin) * 1);
  opacity: 0;
}
@media print {
  .is-active__item--up > * {
    translate: 0 0;
  }
}
.is-active__item--up.is-active > *, html.no-js .is-active__item--up > * {
  translate: 0 0;
  opacity: 1;
}

.is-active--up-down {
  opacity: 0;
}
.is-active--up-down.is-active, html.no-js .is-active--up-down {
  animation: inviewUp_down 0.75s 1 cubic-bezier(0, 0.55, 0.45, 1) 0s;
  animation-fill-mode: both;
}
@keyframes inviewUp_down {
  0% {
    translate: 0 var(--margin);
    opacity: 0;
  }
  80% {
    translate: 0 calc(var(--margin) * -1 / 3);
    opacity: 0.25;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
@media print {
  .is-active--up-down {
    opacity: 1;
  }
}

.is-active--obj {
  overflow: hidden;
}
.is-active--obj img {
  scale: 1.25;
  transition-property: translate;
  transition-duration: 1.125s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.is-active--obj.is-active img {
  scale: 1;
}

.is-active--border {
  position: relative;
}
.is-active--border::before {
  content: "";
  position: absolute;
  background-color: var(--color-figure);
}

.is-active--border--top::before {
  height: 0.1rem;
  width: 0;
  top: 0;
  left: 0;
}
.is-active--border--top.is-active--border--bold::before {
  height: 0.2rem;
}
.is-active--border--top.is-active::before, html.no-js .is-active--border--top::before {
  width: 100%;
}
@media print {
  .is-active--border--top {
    width: 100%;
  }
}

.is-active--border--right::before {
  width: 0.1rem;
  height: 0;
  top: 0;
  right: 0;
}
.is-active--border--right.is-active--border--bold::before {
  width: 0.2rem;
}
.is-active--border--right.is-active::before, html.no-js .is-active--border--right::before {
  height: 100%;
}
@media print {
  .is-active--border--right {
    height: 100%;
  }
}

.is-active--border--bottom::before {
  height: 0.1rem;
  width: 0;
  bottom: 0;
  left: 0;
}
.is-active--border--bottom.is-active--border--bold::before {
  height: 0.2rem;
}
.is-active--border--bottom.is-active::before, html.no-js .is-active--border--bottom::before {
  width: 100%;
}
@media print {
  .is-active--border--bottom {
    width: 100%;
  }
}

.is-active--border--left::before {
  width: 0.1rem;
  height: 0;
  top: 0;
  left: 0;
}
.is-active--border--left.is-active--border--bold::before {
  width: 0.2rem;
}
.is-active--border--left.is-active::before, html.no-js .is-active--border--left::before {
  height: 100%;
}
@media print {
  .is-active--border--left {
    height: 100%;
  }
}

.is-active--blur {
  transition-duration: filter, opacity;
}

.is-active--blur--in {
  filter: blur(0);
  opacity: 1;
}
.is-active--blur--in.is-active, html.no-js .is-active--blur--in {
  filter: blur(10px);
  opacity: 0;
}

.is-active--blur--out {
  filter: blur(10px);
  opacity: 0;
}
.is-active--blur--out.is-active, html.no-js .is-active--blur--out {
  filter: blur(0);
  opacity: 1;
}

.is-active--bg-uplift {
  overflow-y: hidden;
}

.is-active--bg-uplift__item {
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.75s;
  translate: 0 100%;
}
.is-active--bg-uplift__item.is-active, html.no-js .is-active--bg-uplift__item {
  translate: 0 0;
}

.is-active--glyph-uplift {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.is-active--glyph-uplift > * {
  min-width: 0;
}
.is-active--glyph-uplift > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.is-active--glyph-uplift {
  -webkit-justify-content: center;
  justify-content: center;
}
.is-active--glyph-uplift span {
  transition-property: transform,opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.75s;
  translate: 0 -100%;
  opacity: 0;
}
.is-active--glyph-uplift img {
  width: auto;
  height: min(7vw, 1.7em);
}
.is-active--glyph-uplift.is-active span, html.no-js .is-active--glyph-uplift span {
  translate: 0 0;
  opacity: 1;
}

.is-active--text-uplift {
  overflow: hidden;
}
.is-active--text-uplift span {
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0.75s;
  translate: 0 100%;
  display: inline-block;
}
.is-active--text-uplift.is-active span, html.no-js .is-active--text-uplift span {
  translate: 0 0;
}

.is-active--text-filled {
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 50%);
  background-size: 100% 200%;
  background-position: top 0 center;
  color: transparent;
  transition-property: background-position;
}
.is-active--text-filled.is-active, html.no-js .is-active--text-filled {
  background-position: top 100% center;
  color: transparent;
}

.is-active--typewriter {
  transition: none;
}
.is-active--typewriter span {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-duration: 0s;
  opacity: 0;
}
.is-active--typewriter.is-active span, html.no-js .is-active--typewriter span {
  opacity: 1;
}

:root {
  --inview_menu_item_size: 0.6rem;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --inview_menu_item_size: 0.8rem;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --inview_menu_item_size: 0.9rem;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --inview_menu_item_size: 1rem;
  }
}

:root {
  --inview_menu_item_gap: 1.4rem;
}

.js__inviewMenu {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  width: var(--padding-page--r);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.js__inviewMenu > * {
  min-width: 0;
}
.js__inviewMenu > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.js__inviewMenu {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  z-index: 101;
}

.js__inview .menu__list__item {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  display: block;
  position: relative;
  width: calc(var(--inview_menu_item_gap) + var(--inview_menu_item_size));
  height: calc(var(--inview_menu_item_gap) + var(--inview_menu_item_size));
}
.js__inview .menu__list__item::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  border-radius: 50%;
  width: var(--inview_menu_item_size);
  height: var(--inview_menu_item_size);
}
.js__inview .menu__list__item.is-activing::before {
  background-color: var(--color-main);
}
.js__inview .menu__list__item::before, .js__inview .menu__list__item.is-activing + .js__inview .menu__list__item.is-activing::before {
  background-color: #16181a;
}

.is-active--delay--1,
.is-active--delay--1 .js__inview__inner, .is-active--delay--1::before, .is-active--delay--1::after {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}
.is-active--delay--1.is-active--fast, .is-active--delay--1.is-active--fast::before, .is-active--delay--1.is-active--fast::after {
  transition-delay: 0.1s;
  animation-delay: 0.1s;
}
.is-active--delay--1.is-active--slide::before {
  transition-delay: 0.2s;
}
.is-active--delay--1.is-active--slide::after {
  transition-delay: 0.95s;
}

.is-active--delay--2,
.is-active--delay--2 .js__inview__inner, .is-active--delay--2::before, .is-active--delay--2::after {
  transition-delay: 0.4s;
  animation-delay: 0.4s;
}
.is-active--delay--2.is-active--fast, .is-active--delay--2.is-active--fast::before, .is-active--delay--2.is-active--fast::after {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}
.is-active--delay--2.is-active--slide::before {
  transition-delay: 0.4s;
}
.is-active--delay--2.is-active--slide::after {
  transition-delay: 1.15s;
}

.is-active--delay--3,
.is-active--delay--3 .js__inview__inner, .is-active--delay--3::before, .is-active--delay--3::after {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}
.is-active--delay--3.is-active--fast, .is-active--delay--3.is-active--fast::before, .is-active--delay--3.is-active--fast::after {
  transition-delay: 0.3s;
  animation-delay: 0.3s;
}
.is-active--delay--3.is-active--slide::before {
  transition-delay: 0.6s;
}
.is-active--delay--3.is-active--slide::after {
  transition-delay: 1.35s;
}

.is-active--delay--4,
.is-active--delay--4 .js__inview__inner, .is-active--delay--4::before, .is-active--delay--4::after {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}
.is-active--delay--4.is-active--fast, .is-active--delay--4.is-active--fast::before, .is-active--delay--4.is-active--fast::after {
  transition-delay: 0.4s;
  animation-delay: 0.4s;
}
.is-active--delay--4.is-active--slide::before {
  transition-delay: 0.8s;
}
.is-active--delay--4.is-active--slide::after {
  transition-delay: 1.55s;
}

.is-active--delay--5,
.is-active--delay--5 .js__inview__inner, .is-active--delay--5::before, .is-active--delay--5::after {
  transition-delay: 1s;
  animation-delay: 1s;
}
.is-active--delay--5.is-active--fast, .is-active--delay--5.is-active--fast::before, .is-active--delay--5.is-active--fast::after {
  transition-delay: 0.5s;
  animation-delay: 0.5s;
}
.is-active--delay--5.is-active--slide::before {
  transition-delay: 1s;
}
.is-active--delay--5.is-active--slide::after {
  transition-delay: 1.75s;
}

.is-active--delay--6,
.is-active--delay--6 .js__inview__inner, .is-active--delay--6::before, .is-active--delay--6::after {
  transition-delay: 1.2s;
  animation-delay: 1.2s;
}
.is-active--delay--6.is-active--fast, .is-active--delay--6.is-active--fast::before, .is-active--delay--6.is-active--fast::after {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}
.is-active--delay--6.is-active--slide::before {
  transition-delay: 1.2s;
}
.is-active--delay--6.is-active--slide::after {
  transition-delay: 1.95s;
}

.is-active--delay--7,
.is-active--delay--7 .js__inview__inner, .is-active--delay--7::before, .is-active--delay--7::after {
  transition-delay: 1.4s;
  animation-delay: 1.4s;
}
.is-active--delay--7.is-active--fast, .is-active--delay--7.is-active--fast::before, .is-active--delay--7.is-active--fast::after {
  transition-delay: 0.7s;
  animation-delay: 0.7s;
}
.is-active--delay--7.is-active--slide::before {
  transition-delay: 1.4s;
}
.is-active--delay--7.is-active--slide::after {
  transition-delay: 2.15s;
}

.is-active--delay--8,
.is-active--delay--8 .js__inview__inner, .is-active--delay--8::before, .is-active--delay--8::after {
  transition-delay: 1.6s;
  animation-delay: 1.6s;
}
.is-active--delay--8.is-active--fast, .is-active--delay--8.is-active--fast::before, .is-active--delay--8.is-active--fast::after {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}
.is-active--delay--8.is-active--slide::before {
  transition-delay: 1.6s;
}
.is-active--delay--8.is-active--slide::after {
  transition-delay: 2.35s;
}

.is-active--delay--9,
.is-active--delay--9 .js__inview__inner, .is-active--delay--9::before, .is-active--delay--9::after {
  transition-delay: 1.8s;
  animation-delay: 1.8s;
}
.is-active--delay--9.is-active--fast, .is-active--delay--9.is-active--fast::before, .is-active--delay--9.is-active--fast::after {
  transition-delay: 0.9s;
  animation-delay: 0.9s;
}
.is-active--delay--9.is-active--slide::before {
  transition-delay: 1.8s;
}
.is-active--delay--9.is-active--slide::after {
  transition-delay: 2.55s;
}

.is-active--delay--10,
.is-active--delay--10 .js__inview__inner, .is-active--delay--10::before, .is-active--delay--10::after {
  transition-delay: 2s;
  animation-delay: 2s;
}
.is-active--delay--10.is-active--fast, .is-active--delay--10.is-active--fast::before, .is-active--delay--10.is-active--fast::after {
  transition-delay: 1s;
  animation-delay: 1s;
}
.is-active--delay--10.is-active--slide::before {
  transition-delay: 2s;
}
.is-active--delay--10.is-active--slide::after {
  transition-delay: 2.75s;
}

.is-active--delay--11,
.is-active--delay--11 .js__inview__inner, .is-active--delay--11::before, .is-active--delay--11::after {
  transition-delay: 2.2s;
  animation-delay: 2.2s;
}
.is-active--delay--11.is-active--fast, .is-active--delay--11.is-active--fast::before, .is-active--delay--11.is-active--fast::after {
  transition-delay: 1.1s;
  animation-delay: 1.1s;
}
.is-active--delay--11.is-active--slide::before {
  transition-delay: 2.2s;
}
.is-active--delay--11.is-active--slide::after {
  transition-delay: 2.95s;
}

.is-active--delay--12,
.is-active--delay--12 .js__inview__inner, .is-active--delay--12::before, .is-active--delay--12::after {
  transition-delay: 2.4s;
  animation-delay: 2.4s;
}
.is-active--delay--12.is-active--fast, .is-active--delay--12.is-active--fast::before, .is-active--delay--12.is-active--fast::after {
  transition-delay: 1.2s;
  animation-delay: 1.2s;
}
.is-active--delay--12.is-active--slide::before {
  transition-delay: 2.4s;
}
.is-active--delay--12.is-active--slide::after {
  transition-delay: 3.15s;
}

.is-active--delay--13,
.is-active--delay--13 .js__inview__inner, .is-active--delay--13::before, .is-active--delay--13::after {
  transition-delay: 2.6s;
  animation-delay: 2.6s;
}
.is-active--delay--13.is-active--fast, .is-active--delay--13.is-active--fast::before, .is-active--delay--13.is-active--fast::after {
  transition-delay: 1.3s;
  animation-delay: 1.3s;
}
.is-active--delay--13.is-active--slide::before {
  transition-delay: 2.6s;
}
.is-active--delay--13.is-active--slide::after {
  transition-delay: 3.35s;
}

.is-active--delay--14,
.is-active--delay--14 .js__inview__inner, .is-active--delay--14::before, .is-active--delay--14::after {
  transition-delay: 2.8s;
  animation-delay: 2.8s;
}
.is-active--delay--14.is-active--fast, .is-active--delay--14.is-active--fast::before, .is-active--delay--14.is-active--fast::after {
  transition-delay: 1.4s;
  animation-delay: 1.4s;
}
.is-active--delay--14.is-active--slide::before {
  transition-delay: 2.8s;
}
.is-active--delay--14.is-active--slide::after {
  transition-delay: 3.55s;
}

.is-active--delay--15,
.is-active--delay--15 .js__inview__inner, .is-active--delay--15::before, .is-active--delay--15::after {
  transition-delay: 3s;
  animation-delay: 3s;
}
.is-active--delay--15.is-active--fast, .is-active--delay--15.is-active--fast::before, .is-active--delay--15.is-active--fast::after {
  transition-delay: 1.5s;
  animation-delay: 1.5s;
}
.is-active--delay--15.is-active--slide::before {
  transition-delay: 3s;
}
.is-active--delay--15.is-active--slide::after {
  transition-delay: 3.75s;
}

.is-active--delay--16,
.is-active--delay--16 .js__inview__inner, .is-active--delay--16::before, .is-active--delay--16::after {
  transition-delay: 3.2s;
  animation-delay: 3.2s;
}
.is-active--delay--16.is-active--fast, .is-active--delay--16.is-active--fast::before, .is-active--delay--16.is-active--fast::after {
  transition-delay: 1.6s;
  animation-delay: 1.6s;
}
.is-active--delay--16.is-active--slide::before {
  transition-delay: 3.2s;
}
.is-active--delay--16.is-active--slide::after {
  transition-delay: 3.95s;
}

.is-active--delay--17,
.is-active--delay--17 .js__inview__inner, .is-active--delay--17::before, .is-active--delay--17::after {
  transition-delay: 3.4s;
  animation-delay: 3.4s;
}
.is-active--delay--17.is-active--fast, .is-active--delay--17.is-active--fast::before, .is-active--delay--17.is-active--fast::after {
  transition-delay: 1.7s;
  animation-delay: 1.7s;
}
.is-active--delay--17.is-active--slide::before {
  transition-delay: 3.4s;
}
.is-active--delay--17.is-active--slide::after {
  transition-delay: 4.15s;
}

.is-active--delay--18,
.is-active--delay--18 .js__inview__inner, .is-active--delay--18::before, .is-active--delay--18::after {
  transition-delay: 3.6s;
  animation-delay: 3.6s;
}
.is-active--delay--18.is-active--fast, .is-active--delay--18.is-active--fast::before, .is-active--delay--18.is-active--fast::after {
  transition-delay: 1.8s;
  animation-delay: 1.8s;
}
.is-active--delay--18.is-active--slide::before {
  transition-delay: 3.6s;
}
.is-active--delay--18.is-active--slide::after {
  transition-delay: 4.35s;
}

.is-active--delay--19,
.is-active--delay--19 .js__inview__inner, .is-active--delay--19::before, .is-active--delay--19::after {
  transition-delay: 3.8s;
  animation-delay: 3.8s;
}
.is-active--delay--19.is-active--fast, .is-active--delay--19.is-active--fast::before, .is-active--delay--19.is-active--fast::after {
  transition-delay: 1.9s;
  animation-delay: 1.9s;
}
.is-active--delay--19.is-active--slide::before {
  transition-delay: 3.8s;
}
.is-active--delay--19.is-active--slide::after {
  transition-delay: 4.55s;
}

.is-active--delay--20,
.is-active--delay--20 .js__inview__inner, .is-active--delay--20::before, .is-active--delay--20::after {
  transition-delay: 4s;
  animation-delay: 4s;
}
.is-active--delay--20.is-active--fast, .is-active--delay--20.is-active--fast::before, .is-active--delay--20.is-active--fast::after {
  transition-delay: 2s;
  animation-delay: 2s;
}
.is-active--delay--20.is-active--slide::before {
  transition-delay: 4s;
}
.is-active--delay--20.is-active--slide::after {
  transition-delay: 4.75s;
}

.is-active--delay--domino > *:nth-child(1) {
  transition-delay: 0s;
}
.is-active--delay--domino > *:nth-child(2) {
  transition-delay: 0.2s;
}
.is-active--delay--domino > *:nth-child(3) {
  transition-delay: 0.4s;
}
.is-active--delay--domino > *:nth-child(4) {
  transition-delay: 0.6s;
}
.is-active--delay--domino > *:nth-child(5) {
  transition-delay: 0.8s;
}
.is-active--delay--domino > *:nth-child(6) {
  transition-delay: 1s;
}
.is-active--delay--domino > *:nth-child(7) {
  transition-delay: 1.2s;
}
.is-active--delay--domino > *:nth-child(8) {
  transition-delay: 1.4s;
}
.is-active--delay--domino > *:nth-child(9) {
  transition-delay: 1.6s;
}
.is-active--delay--domino > *:nth-child(10) {
  transition-delay: 1.8s;
}
.is-active--delay--domino > *:nth-child(11) {
  transition-delay: 2s;
}
.is-active--delay--domino > *:nth-child(12) {
  transition-delay: 2.2s;
}
.is-active--delay--domino > *:nth-child(13) {
  transition-delay: 2.4s;
}
.is-active--delay--domino > *:nth-child(14) {
  transition-delay: 2.6s;
}
.is-active--delay--domino > *:nth-child(15) {
  transition-delay: 2.8s;
}
.is-active--delay--domino > *:nth-child(16) {
  transition-delay: 3s;
}
.is-active--delay--domino > *:nth-child(17) {
  transition-delay: 3.2s;
}
.is-active--delay--domino > *:nth-child(18) {
  transition-delay: 3.4s;
}
.is-active--delay--domino > *:nth-child(19) {
  transition-delay: 3.6s;
}
.is-active--delay--domino > *:nth-child(20) {
  transition-delay: 3.8s;
}
.is-active--delay--domino > *:nth-child(21) {
  transition-delay: 4s;
}
.is-active--delay--domino > *:nth-child(22) {
  transition-delay: 4.2s;
}
.is-active--delay--domino > *:nth-child(23) {
  transition-delay: 4.4s;
}
.is-active--delay--domino > *:nth-child(24) {
  transition-delay: 4.6s;
}
.is-active--delay--domino > *:nth-child(25) {
  transition-delay: 4.8s;
}
.is-active--delay--domino > *:nth-child(26) {
  transition-delay: 5s;
}
.is-active--delay--domino > *:nth-child(27) {
  transition-delay: 5.2s;
}
.is-active--delay--domino > *:nth-child(28) {
  transition-delay: 5.4s;
}
.is-active--delay--domino > *:nth-child(29) {
  transition-delay: 5.6s;
}
.is-active--delay--domino > *:nth-child(30) {
  transition-delay: 5.8s;
}

.is-active--duration--1,
.is-active--duration--1 .js__inview__inner, .is-active--duration--1::before, .is-active--duration--1::after {
  transition-duration: 0.75s;
}

.is-active--duration--2,
.is-active--duration--2 .js__inview__inner, .is-active--duration--2::before, .is-active--duration--2::after {
  transition-duration: 1.5s;
}

.is-active--duration--3,
.is-active--duration--3 .js__inview__inner, .is-active--duration--3::before, .is-active--duration--3::after {
  transition-duration: 2.25s;
}

.is-active--duration--4,
.is-active--duration--4 .js__inview__inner, .is-active--duration--4::before, .is-active--duration--4::after {
  transition-duration: 3s;
}

.is-active--duration--5,
.is-active--duration--5 .js__inview__inner, .is-active--duration--5::before, .is-active--duration--5::after {
  transition-duration: 3.75s;
}

.is-active--duration--6,
.is-active--duration--6 .js__inview__inner, .is-active--duration--6::before, .is-active--duration--6::after {
  transition-duration: 4.5s;
}

.is-active--duration--7,
.is-active--duration--7 .js__inview__inner, .is-active--duration--7::before, .is-active--duration--7::after {
  transition-duration: 5.25s;
}

.is-active--duration--8,
.is-active--duration--8 .js__inview__inner, .is-active--duration--8::before, .is-active--duration--8::after {
  transition-duration: 6s;
}

.is-active--duration--9,
.is-active--duration--9 .js__inview__inner, .is-active--duration--9::before, .is-active--duration--9::after {
  transition-duration: 6.75s;
}

.is-active--duration--10,
.is-active--duration--10 .js__inview__inner, .is-active--duration--10::before, .is-active--duration--10::after {
  transition-duration: 7.5s;
}

.is-active--duration--11,
.is-active--duration--11 .js__inview__inner, .is-active--duration--11::before, .is-active--duration--11::after {
  transition-duration: 8.25s;
}

.is-active--duration--12,
.is-active--duration--12 .js__inview__inner, .is-active--duration--12::before, .is-active--duration--12::after {
  transition-duration: 9s;
}

.is-active--duration--13,
.is-active--duration--13 .js__inview__inner, .is-active--duration--13::before, .is-active--duration--13::after {
  transition-duration: 9.75s;
}

.is-active--duration--14,
.is-active--duration--14 .js__inview__inner, .is-active--duration--14::before, .is-active--duration--14::after {
  transition-duration: 10.5s;
}

.is-active--duration--15,
.is-active--duration--15 .js__inview__inner, .is-active--duration--15::before, .is-active--duration--15::after {
  transition-duration: 11.25s;
}

.is-active--duration--16,
.is-active--duration--16 .js__inview__inner, .is-active--duration--16::before, .is-active--duration--16::after {
  transition-duration: 12s;
}

.is-active--duration--17,
.is-active--duration--17 .js__inview__inner, .is-active--duration--17::before, .is-active--duration--17::after {
  transition-duration: 12.75s;
}

.is-active--duration--18,
.is-active--duration--18 .js__inview__inner, .is-active--duration--18::before, .is-active--duration--18::after {
  transition-duration: 13.5s;
}

.is-active--duration--19,
.is-active--duration--19 .js__inview__inner, .is-active--duration--19::before, .is-active--duration--19::after {
  transition-duration: 14.25s;
}

.is-active--duration--20,
.is-active--duration--20 .js__inview__inner, .is-active--duration--20::before, .is-active--duration--20::after {
  transition-duration: 15s;
}

:root {
  --scroll_current_nav_menu_height: 3.4;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  :root {
    --scroll_current_nav_menu_height: 5.1;
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  :root {
    --scroll_current_nav_menu_height: 6.8;
  }
}
@media print, screen and (min-width: 1018.02px) {
  :root {
    --scroll_current_nav_menu_height: 8.5;
  }
}
@media print, screen and (min-width: 1260.02px) {
  :root {
    --scroll_current_nav_menu_height: 10.2;
  }
}

.scroll-current__nav a, .scroll-current__nav button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .scroll-current__nav a:hover, .scroll-current__nav button:hover {
    text-decoration-line: none;
  }
}
.scroll-current__nav a:focus-visible, .scroll-current__nav a.is-hover, .scroll-current__nav button:focus-visible, .scroll-current__nav button.is-hover {
  text-decoration-line: none;
}
.scroll-current__nav a, .scroll-current__nav button {
  color: inherit;
}
@media (hover: hover) {
  .scroll-current__nav a:hover, .scroll-current__nav button:hover {
    color: inherit;
  }
}
.scroll-current__nav a:focus-visible, .scroll-current__nav a.is-hover, .scroll-current__nav button:focus-visible, .scroll-current__nav button.is-hover {
  color: inherit;
}
.scroll-current__nav--dot {
  right: calc((2.1rem - 2.5em) * 0.5);
  z-index: 500;
  position: fixed;
  translate: 0 -50%;
  top: 50%;
}
@media print, screen and (min-width: 667.02px) and (max-width: 843px) {
  .scroll-current__nav--dot {
    right: calc((2.3rem - 2.5em) * 0.5);
  }
}
@media print, screen and (min-width: 843.02px) and (max-width: 1018px) {
  .scroll-current__nav--dot {
    right: calc((5.5rem - 2.5em) * 0.5);
  }
}
@media print, screen and (min-width: 1018.02px) {
  .scroll-current__nav--dot {
    right: calc((5.5rem - 2.5em) * 0.5);
  }
}
@media print, screen and (min-width: 1260.02px) {
  .scroll-current__nav--dot {
    right: calc((11rem - 2.5em) * 0.5);
  }
}
.scroll-current__nav--menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 165, 0, 0.5);
  height: var(--scroll_current_nav_menu_height);
  line-height: var(--scroll_current_nav_menu_height);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.scroll-current__nav--menu > * {
  min-width: 0;
}
.scroll-current__nav--menu > *.minimum {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap;
}
.scroll-current__nav--menu > *:not(.flex__item) {
  flex-grow: 1;
}

.scroll-current__nav--dot .scroll-current__nav__item {
  display: block;
  width: 2.5em;
  height: 2.5em;
  position: relative;
}
.scroll-current__nav--dot .scroll-current__nav__item::before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border: 0.2rem solid rgba(0, 0, 255, 0.5);
  border-radius: 50%;
  background-color: rgba(0, 128, 0, 0.5);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.scroll-current__nav--dot .scroll-current__nav__item.is-active::before, .scroll-current__nav--dot .scroll-current__nav__item:hover::before {
  background-color: rgba(255, 0, 0, 0.5);
  border-color: rgba(255, 165, 0, 0.5);
}
.scroll-current__nav--menu .scroll-current__nav__item {
  text-align: center;
  position: relative;
  background-color: transparent;
  transition-property: background-color;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.scroll-current__nav--menu .scroll-current__nav__item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background-color: transparent;
  bottom: 0;
  left: 0;
}
.scroll-current__nav--menu .scroll-current__nav__item.is-active {
  background-color: rgba(255, 0, 0, 0.5);
}
.scroll-current__nav--menu .scroll-current__nav__item.is-active::after {
  background-color: #004098;
}

.scroll-current__nav--dot .scroll-current__nav__item__inner {
  display: none;
}
.scroll-current__nav--dot__item:hover .scroll-current__nav--dot .scroll-current__nav__item__inner {
  display: block;
  position: absolute;
  right: 2.5em;
  line-height: 2.5em;
  top: 0;
  white-space: nowrap;
}
.scrollbar-thumb::before {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  transition-property: width;
}

@media print, screen and (min-width: 667.02px) {
  .adjust-height--p {
    height: auto !important;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .adjust-height--p-t {
    height: auto !important;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .adjust-height--p-d {
    height: auto !important;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .adjust-height--t {
    height: auto !important;
  }
}

@media print, screen and (max-width: 667px) {
  .adjust-height--t-d {
    height: auto !important;
  }
}

@media print, screen and (max-width: 1018px) {
  .adjust-height--d {
    height: auto !important;
  }
}

@media print, screen and (min-width: 667.02px) {
  .adjust-width--p {
    width: auto !important;
  }
}

@media print, screen and (min-width: 1018.02px) {
  .adjust-width--p-t {
    width: auto !important;
  }
}

@media print, screen and (min-width: 667.02px) and (max-width: 1018px) {
  .adjust-width--p-d {
    width: auto !important;
  }
}

@media print, screen and (max-width: 667px), (min-width: 1018.02px) {
  .adjust-width--t {
    width: auto !important;
  }
}

@media print, screen and (max-width: 667px) {
  .adjust-width--t-d {
    width: auto !important;
  }
}

@media print, screen and (max-width: 1018px) {
  .adjust-width--d {
    width: auto !important;
  }
}

.jq__random-image__item {
  opacity: 0.1;
}
.jq__random-image:not(.is-actived) .jq__random-image__item:first-child, .jq__random-image__item.is-active {
  opacity: 1;
}

.js__state-toggle.is-active .js__state-toggle--inactive {
  display: none;
}
.js__state-toggle:not(.is-active) .js__state-toggle--active {
  display: none;
}

.js__state-aria-pressed[aria-pressed=true] .js__state-aria-pressed--inactive {
  display: none;
}
.js__state-aria-pressed:not([aria-pressed]) .js__state-aria-pressed--active, .js__state-aria-pressed[aria-pressed=false] .js__state-aria-pressed--active {
  display: none;
}

.js__state-aria-expanded[aria-expanded=true] .js__state-aria-expanded--inactive {
  display: none;
}
.js__state-aria-expanded:not([aria-expanded]) .js__state-aria-expanded--active, .js__state-aria-expanded[aria-expanded=false] .js__state-aria-expanded--active {
  display: none;
}

.js__state-loop {
  position: relative;
  text-decoration-line: none;
}
.js__state-loop > * {
  opacity: 0;
  display: inline-block;
}
.js__state-loop > *.is-active {
  opacity: 1;
}
.js__state-loop > *:not(.is-active) {
  position: absolute;
  left: 0;
  top: 0;
}

.side-jump__list a, .side-jump__list button {
  text-decoration-line: none;
}
@media (hover: hover) {
  .side-jump__list a:hover, .side-jump__list button:hover {
    text-decoration-line: none;
  }
}
.side-jump__list a:focus-visible, .side-jump__list a.is-hover, .side-jump__list button:focus-visible, .side-jump__list button.is-hover {
  text-decoration-line: none;
}
.side-jump__list a, .side-jump__list button {
  color: var(--color-figure);
}
@media (hover: hover) {
  .side-jump__list a:hover, .side-jump__list button:hover {
    color: var(--color-font-link-hover);
  }
}
.side-jump__list a:focus-visible, .side-jump__list a.is-hover, .side-jump__list button:focus-visible, .side-jump__list button.is-hover {
  color: var(--color-font-link-hover);
}
.side-jump__list {
  position: relative;
}
@media print, screen and (min-width: 667.02px) {
  .side-jump__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between;
  }
  .side-jump__list > * {
    min-width: 0;
  }
  .side-jump__list > *.minimum {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    white-space: nowrap;
  }
  .side-jump__list {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .side-jump__list {
    gap: calc(var(--margin) * 0.5) calc(var(--margin-width) * 0.5);
  }
}
.side-jump__list__item {
  padding: 0.8rem 1.3rem;
}
@media print, screen and (max-width: 667px) {
  .side-jump__list__item {
    display: block;
  }
}
.side-jump__list__item[aria-current=page] {
  cursor: default;
  pointer-events: none;
  color: #004098;
}
.side-jump__bar {
  background-color: #004098;
  height: 0.1rem;
  display: block;
  position: absolute;
  width: 0.1rem;
  left: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
html.is-loaded .side-jump__bar {
  opacity: 1;
}
@media print, screen and (max-width: 667px) {
  .side-jump__bar {
    display: none !important;
  }
}

.jq__timer__elem, .jq__timer__elem input.jq__timer__elem__time__item__input {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 17vw;
  line-height: 1;
}

.jq__timer__elem__plus {
  position: relative;
  height: 1em;
}
.jq__timer__elem__plus::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m20.2002,74.34985v-20.8999H.2002v-6.8999h20v-20.8999h7.59961v20.8999h20v6.8999h-20v20.8999h-7.59961Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-figure);
}

.jq__timer__elem__time {
  display: grid;
}
.jq__timer__elem__time {
  grid-template-columns: 1fr 0.5em 1fr;
}
input.jq__timer__elem__time__item__input {
  padding: 0;
  height: 1em;
}
input.jq__timer__elem__time__item__input.error {
  color: var(--color-danger);
}

.jq__timer__elem__time__item--m input.jq__timer__elem__time__item__input {
  text-align: right;
}

.jq__timer__elem__time__item--c {
  position: relative;
}
.jq__timer__elem__time__item--c::before {
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 100"><defs><style>.b{stroke-width:0px;}</style></defs><path class="b" d="m7.5,37.09985c-2.73438,0-4.6499-.56543-5.75-1.69971-1.1001-1.13281-1.6499-2.56592-1.6499-4.30029v-1.7998c0-1.73291.5498-3.16553,1.6499-4.2998,1.1001-1.13281,3.01562-1.7002,5.75-1.7002,2.73291,0,4.6499.56738,5.75,1.7002,1.1001,1.13428,1.6499,2.56689,1.6499,4.2998v1.7998c0,1.73438-.5498,3.16748-1.6499,4.30029-1.1001,1.13428-3.01709,1.69971-5.75,1.69971Zm0,39.6001c-2.73438,0-4.6499-.56689-5.75-1.69971s-1.6499-2.56592-1.6499-4.30029v-1.7998c0-1.73291.5498-3.16553,1.6499-4.30029,1.1001-1.13281,3.01562-1.69971,5.75-1.69971,2.73291,0,4.6499.56689,5.75,1.69971,1.1001,1.13477,1.6499,2.56738,1.6499,4.30029v1.7998c0,1.73438-.5498,3.16748-1.6499,4.30029s-3.01709,1.69971-5.75,1.69971Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-figure);
}

.jq__timer__elem__time__item--s input.jq__timer__elem__time__item__input {
  text-align: left;
}

.error .jq__timer__btn {
  pointer-events: none;
  opacity: 0.4;
}

.jq__timer:not(.is-running) .jq__timer__btn--stop {
  pointer-events: none;
  opacity: 0.4;
}

.alongLittle {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  position: fixed;
}
.alongLittle.is-active {
  translate: 0 -1000%;
  opacity: 0;
}

.js__get-background-color__font-size {
  display: none;
  line-height: 1;
}

.js__get-background-color__line-height {
  display: none;
}

.js__get-background-color__result:not(:empty) {
  margin-right: 1em;
}

.js__get-font-size__font-size {
  display: none;
  line-height: 1;
}

.js__get-font-size__line-height {
  display: none;
}

.js__get-font-size__result:not(:empty) {
  margin-right: 1em;
}

.js__get-border-width {
  position: relative;
}
.js__get-border-width .hr {
  position: absolute;
}

.js__get-border-color__square {
  display: block;
  width: 5.7rem;
  height: 5.7rem;
}

.js__get-margin-bottom {
  position: relative;
}

.js__get-margin-bottom__arrow {
  width: 0.1rem;
  background-color: #16181a;
  height: 0;
  position: absolute;
  left: 1.3rem;
  top: 100%;
}
.js__get-margin-bottom__arrow::before, .js__get-margin-bottom__arrow::after {
  content: "";
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #16181a;
  left: -0.1rem;
}
.js__get-margin-bottom__arrow::before {
  top: -0.1rem;
}
.js__get-margin-bottom__arrow::after {
  bottom: -0.1rem;
}

.jq_filtering-text__target__item.is-inactive {
  display: none;
}

.jq_filtering-text__target__alart {
  display: none;
}
.jq_filtering-text__target__alart.is-active {
  display: block;
}

.jq_filtering__group__item {
  position: relative;
}
.jq_filtering__group__item::before, .jq_filtering__group__item::after {
  transition-property: opacity,scale;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  position: absolute;
  inset: auto;
  opacity: 0;
  scale: 0.8;
  pointer-events: none;
  right: 0;
  top: 0;
  translate: 50% -50%;
}
.jq_filtering__group__item::before {
  z-index: 105;
  color: var(--color-white);
}
.jq_filtering__group__item:after {
  content: "";
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  z-index: 104;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 999.9rem;
  outline: var(--color-body) solid 0.2rem;
}
@media (hover: hover) {
  .jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all):hover::before, .jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all):hover::after, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]:hover::before, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]:hover::after {
    opacity: 1;
    scale: 1;
  }
}
.jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all):focus-visible::before, .jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all):focus-visible::after, .jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all).is-hover::before, .jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all).is-hover::after, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]:focus-visible::before, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]:focus-visible::after, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false].is-hover::before, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false].is-hover::after {
  opacity: 1;
  scale: 1;
}
.jq_filtering__group__item:not([data-filter-sel-id])[aria-pressed=true] {
  pointer-events: none;
}
.jq_filtering__group__item.is-inactive {
  opacity: 0.4;
  pointer-events: none;
}

.jq_filtering__group__item[aria-pressed=true]:not(.jq_filtering__group__item--all)::after {
  background-color: var(--color-false);
}

.jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]::before, .jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]::after {
  inset: auto;
  left: 0;
  top: 50%;
  translate: -50% -50%;
}
.jq_filtering.is-active .jq_filtering__group__item--all ~ .jq_filtering__group__item[aria-pressed=false]::after {
  background-color: var(--color-true);
}

.jq_filtering.is-active .jq_filtering__group:has(.jq_filtering__group__item:not(.jq_filtering__group__item--all)[aria-pressed=true]) .jq_filtering__group__item:not(.jq_filtering__group__item--all)[aria-pressed=false]::before, .jq_filtering.is-active .jq_filtering__group:has(.jq_filtering__group__item:not(.jq_filtering__group__item--all)[aria-pressed=true]) .jq_filtering__group__item:not(.jq_filtering__group__item--all)[aria-pressed=false]::after {
  display: none;
}

.jq_filtering__list__item[class^=is-hide--], .jq_filtering__list__item[class*=" is-hide--"] {
  display: none !important;
}

.jq_filtering__group__item[data-filter=all].is-active {
  pointer-events: none;
}

html.mouse-stoker {
  cursor: none !important;
}

#cursor,
#stalker {
  position: fixed;
  translate: -50% -50%;
  border-radius: 50%;
  pointer-events: none;
}

#cursor {
  background: var(--color-figure);
  width: 0.6rem;
  height: 0.6rem;
  z-index: 901;
}
#cursor.is-active {
  scale: 0;
}

#stalker {
  background: var(--color-main);
  width: 3.5rem;
  height: 3.5rem;
  transition: 0.3s;
  opacity: 0.25;
  z-index: 900;
}
#stalker.is-active {
  scale: 3;
}

.midnightHeader {
  z-index: 900;
}

.midnightHeader__obj {
  height: 300px;
  width: 100%;
  display: block;
}
.midnightHeader__obj svg {
  position: absolute;
  margin-block: auto;
  right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.midnightHeader.red {
  color: green;
}

.midnightHeader.blue {
  color: yellow;
}

.midnightHeader.img {
  color: white;
}

.jq_zoom, .jq_zoom-r {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2033%22%20width%3D%2233%22%20height%3D%2233%22%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22c%22%20cx%3D%2214.5%22%20cy%3D%2214.5%22%20r%3D%2210%22%2F%3E%3Cpolygon%20class%3D%22b%22%20points%3D%2221%2013.5%2015.5%2013.5%2015.5%208%2013.5%208%2013.5%2013.5%208%2013.5%208%2015.5%2013.5%2015.5%2013.5%2021%2015.5%2021%2015.5%2015.5%2021%2015.5%2021%2013.5%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22m19.42297%2C16.59454l8.44218%2C8.44218c.24924.24924.5251.5251.67073.8738.14327.34589.14327.73494%2C0%2C1.08084-.14563.3487-.42149.62456-.67073.8738h0c-.24924.24924-.5251.5251-.8738.67073-.34589.14327-.73494.14327-1.08084%2C0-.3487-.14563-.62456-.42149-.8738-.67073l-8.44218-8.44218%2C2.82843-2.82843Z%22%2F%3E%3C%2Fsvg%3E") 16.5 16.5, zoom-in;
}
.jq_zoom img, .jq_zoom-r img {
  opacity: 0;
}
.jq_zoom:not([data-zoom]), .jq_zoom[data-zoom="1"], .jq_zoom-r:not([data-zoom]), .jq_zoom-r[data-zoom="1"] {
  background-position: center !important;
}
.jq_zoom[data-zoom="2"], .jq_zoom-r[data-zoom="2"] {
  background-size: 200%;
}
.jq_zoom[data-zoom="4"], .jq_zoom-r[data-zoom="4"] {
  background-size: 400%;
  cursor: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2033%22%20width%3D%2233%22%20height%3D%2233%22%3E%3Cdefs%3E%3Cstyle%3E.b%2C.c%7Bstroke-width%3A0px%3B%7D.c%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22c%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2210%22%2F%3E%3Crect%20class%3D%22b%22%20x%3D%227%22%20y%3D%2212.5%22%20width%3D%2213%22%20height%3D%222%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22m19.42297%2C16.59454l8.44218%2C8.44218c.24924.24924.5251.5251.67073.8738.14327.34589.14327.73494%2C0%2C1.08084-.14563.3487-.42149.62456-.67073.8738h0c-.24924.24924-.5251.5251-.8738.67073-.34589.14327-.73494.14327-1.08084%2C0-.3487-.14563-.62456-.42149-.8738-.67073l-8.44218-8.44218%2C2.82843-2.82843Z%22%2F%3E%3C%2Fsvg%3E") 16.5 16.5, zoom-out;
}

.jq_mouse-nip {
  position: relative;
  transition-duration: 0.6s;
}
.jq_mouse-nip .jq_mouse-nip__inner {
  transition-property: translate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  position: absolute;
  margin: auto;
  inset: 0;
  pointer-events: none;
  transform-origin: center;
  transition-duration: 0.6s;
}
.touched .jq_mouse-nip .jq_mouse-nip__inner {
  translate: 0 0 !important;
}
@media (hover: hover) {
  .jq_mouse-nip:not(:hover) .jq_mouse-nip__inner {
    translate: 0 0 !important;
  }
}

.timer__display {
  font-size: 100px;
  font-family: SourceHanCodeJP, Courier, monospace;
  letter-spacing: 0 !important;
}

.timer__button.is-active {
  pointer-events: none;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splice__wrap {
  overflow: hidden;
}

.splide {
  z-index: 100;
  position: relative;
  overflow: hidden;
}

.splide__track {
  z-index: 101;
  position: relative;
  width: 100%;
}

.splide__slide {
  padding-inline: calc(var(--margin-width) * 0.5);
}
#card-carousel3 .splide__slide {
  transition-property: scale;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  scale: 0.5;
}
#card-carousel3 .splide__slide.is-active {
  scale: 1;
}

.splide__slide__item {
  border-radius: var(--radius);
  overflow: hidden;
  background-color: var(--color-body);
  padding: 1.268em 1.618em;
}

.splide__slide__item__fig:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.splide__slide__item__fig:first-child {
  padding-top: 0.35em;
}

.splide__slide__item__h:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.splide__slide__item__p:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.splide__arrows {
  pointer-events: none;
  z-index: 110;
  height: 4rem;
  width: 8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  margin-block: auto;
  width: 100%;
}
@media (hover: none) {
  .splide__arrows {
    display: none;
  }
}
.splide__arrows:has(.splide__arrow--next:disabled):has(.splide__arrow--prev:disabled) {
  display: none;
}

.splide__arrow {
  pointer-events: auto;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0;
  background-color: #004098;
  border: 0.1rem solid rgba(22, 24, 26, 0.11);
  color: var(--color-body);
  transition-property: background-color,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  border-radius: 999.9rem;
}
@media (hover: hover) {
  .splide__arrow:hover {
    background-color: rgb(0, 51.2, 121.6);
    color: var(--color-body);
  }
}
.splide__arrow:focus-visible, .splide__arrow.is-hover {
  background-color: rgb(0, 51.2, 121.6);
  color: var(--color-body);
}
.splide__arrow:disabled {
  background-color: rgb(241.02, 241.14, 241.26);
  color: rgb(215.39, 215.73, 216.07);
}
.splide__arrow::before {
  transition-property: background-color,color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
}
.splide__arrow--prev {
  rotate: 180deg;
  left: 0;
}
.splide__arrow--next {
  right: 0;
}

.splide__pagination {
  padding-top: var(--margin);
  width: fit-content;
  margin-left: auto;
  position: relative;
}
@media (hover: none) {
  .splide__pagination {
    padding-inline: 1.4em;
  }
  .splide__pagination::before, .splide__pagination::after {
    content: "";
    position: absolute;
    height: 1.4em;
    width: 1.4em;
    mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><defs><style>.b{stroke-width:0px;}</style></defs><polygon class="b" points="6.64648 16.35352 9.29297 19 2 19 2 20 9.29297 20 6.64648 22.64648 7.35352 23.35352 11.20703 19.5 7.35352 15.64648 6.64648 16.35352"/><polygon class="b" points="17.34473 15.30176 21.49121 19.44824 17.34473 23.59473 18.05176 24.30176 22.90527 19.44824 18.05176 14.59473 17.34473 15.30176"/><path class="b" d="m23.50006,2.99994h-8.00012c-.55231,0-1,.44775-1,1v5.00006c0,.55231.44769,1,1,1h8.00012c.55231,0,1-.44769,1-1V3.99994c0-.55225-.44769-1-1-1Zm-.64655,2.45709l-2.64648,2.64648c-.18848.18848-.43945.29248-.70703.29248s-.51855-.104-.70703-.29248l-2.64648-2.64648c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l2.64648,2.64648,2.64648-2.64648c.19531-.19531.51172-.19531.70703,0s.19531.51172,0,.70703Z"/><path class="b" d="m47.92871,5.5c0-1.89062-1.53809-3.42871-3.42871-3.42871s-3.42871,1.53809-3.42871,3.42871,1.53809,3.42871,3.42871,3.42871c.76489,0,1.46478-.26044,2.03577-.68542l3.11072,3.11023.70703-.70703-3.11066-3.11023c.42523-.57104.68585-1.27112.68585-2.03625Zm-3.42871,2.57129c-1.41797,0-2.57129-1.15332-2.57129-2.57129s1.15332-2.57129,2.57129-2.57129,2.57129,1.15332,2.57129,2.57129-1.15332,2.57129-2.57129,2.57129Z"/><path class="b" d="m35.3299,11.71307l.4588-.22461c.27509-.13794.38611-.47528.24664-.74969l-1.0849-2.13464c-.13947-.27435-.47864-.38599-.75378-.24799l-.43433.21643c-1.01331.49988-3.07526-3.6051-2.08368-4.14569l.44244-.22186c.27515-.138.38715-.47583.24896-.75085l-1.07855-2.14594c-.13818-.27502-.47638-.38715-.75153-.24915l-.45331.22729c-.64929.34503-2.41516,1.16272.22278,6.41956,2.66235,5.30298,4.31409,4.33856,5.02045,4.00714Z"/><path class="b" d="m33.20703,14.79297c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l2.29297,2.29297h-6.08594c-.55225,0-1,.44775-1,1s.44775,1,1,1h6.08594l-2.29297,2.29297c-.39062.39062-.39062,1.02344,0,1.41406.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4-4c.39062-.39062.39062-1.02344,0-1.41406l-4-4Z"/><path class="b" d="m42.99121,24.15527c.19531.19531.45117.29297.70703.29297s.51172-.09766.70703-.29297l4-4c.39062-.39062.39062-1.02344,0-1.41406l-4-4c-.39062-.39062-1.02344-.39062-1.41406,0s-.39062,1.02344,0,1.41406l3.29297,3.29297-3.29297,3.29297c-.39062.39062-.39062,1.02344,0,1.41406Z"/><path class="b" d="m21.80176,32.80176l-3,3c-.09766.09766-.22559.14648-.35352.14648s-.25586-.04883-.35352-.14648c-.19531-.19531-.19531-.51172,0-.70703l2.64648-2.64648-2.64648-2.64648c-.19531-.19531-.19531-.51172,0-.70703s.51172-.19531.70703,0l3,3c.19531.19531.19531.51172,0,.70703Z"/><path class="b" d="m10.60352,32.14648l-3.25-3.25c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l2.39648,2.39648H2.75c-.27637,0-.5.22363-.5.5s.22363.5.5.5h6.29297l-2.39648,2.39648c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l3.25-3.25c.19531-.19531.19531-.51172,0-.70703Z"/><path class="b" d="m12.35352,6.64648L7.56055,1.85352c-.58496-.58496-1.53613-.58496-2.12109,0L.64648,6.64648c-.19531.19531-.19531.51172,0,.70703s.51172.19531.70703,0l.64648-.64648v4.29297c0,.55127.44873,1,1,1h7c.55127,0,1-.44873,1-1v-4.29297l.64648.64648c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703Zm-6.60352,4.35352v-4.25c0-.41357.33643-.75.75-.75s.75.33643.75.75v4.25h-1.5Zm4.25,0h-1.75v-4.25c0-.96484-.78516-1.75-1.75-1.75s-1.75.78516-1.75,1.75v4.25h-1.75v-5.29297l3.14648-3.14648c.19531-.19531.51172-.19531.70703,0l3.14648,3.14648v5.29297Z"/><polygon class="b" points="36 32.5 30.74999 29.46889 30.74999 35.53111 36 32.5"/><path class="b" d="m10.5,45h-3.5v-3.5c0-.27637-.22363-.5-.5-.5s-.5.22363-.5.5v3.5h-3.5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h3.5v3.5c0,.27637.22363.5.5.5s.5-.22363.5-.5v-3.5h3.5c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m23.5,45h-8c-.27637,0-.5.22363-.5.5s.22363.5.5.5h8c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/><path class="b" d="m33.20703,45.49976l2.68213-2.68188c.19531-.19531.19531-.51172,0-.70703s-.51172-.19531-.70703,0l-2.68213,2.68188-2.68213-2.68188c-.19531-.19531-.51172-.19531-.70703,0s-.19531.51172,0,.70703l2.68213,2.68188-2.68213,2.68188c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l2.68213-2.68188,2.68213,2.68188c.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648c.19531-.19531.19531-.51172,0-.70703l-2.68213-2.68188Z"/><path class="b" d="m47.49121,28h-4.48584c-.27637,0-.5.22363-.5.5s.22363.5.5.5l3.78101.0119-4.14526,4.14484c-.19531.19531-.19531.51172,0,.70703.09766.09766.22559.14648.35352.14648s.25586-.04883.35352-.14648l4.15723-4.1568v3.79303c0,.27637.22363.5.5.5s.5-.22363.5-.5v-4.48584c0-.55908-.45508-1.01416-1.01416-1.01416Z"/><path class="b" d="m48,36h-5c-.27637,0-.5.22363-.5.5s.22363.5.5.5h5c.27637,0,.5-.22363.5-.5s-.22363-.5-.5-.5Z"/></svg>');
    width: 1.3rem;
    height: 1.3rem;
    mask-size: 400%;
    mask-repeat: no-repeat;
    background-color: rgb(248.01, 248.07, 248.13);
    mask-position: 100% 33.3333333333%;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
    transition-delay: 0s;
  }
  .splide__pagination::before {
    rotate: 180deg;
    left: calc((1.4em - 1.3rem) * 0.5);
  }
  .splide__pagination::after {
    right: calc((1.4em - 1.3rem) * 0.5);
  }
  .splide__pagination:has(.presentation:last-child:has(.splide__pagination__page.is-active))::after {
    opacity: 0.5;
  }
  .splide:has(.splide__arrow--prev:disabled) .splide__pagination::before {
    opacity: 0.5;
  }
  .splide:has(.splide__arrow--next:disabled) .splide__pagination::after {
    opacity: 0.5;
  }
}
.splide__pagination li button {
  display: block;
  height: 1.4em;
  width: 1.4em;
  position: relative;
}
.splide__pagination li button::before {
  content: "";
  position: absolute;
  margin: auto;
  inset: 0;
  width: 0.4em;
  height: 0.4em;
  transition-property: width,height,background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: 0s;
  background-color: rgb(248.01, 248.07, 248.13);
  border-radius: 999.9rem;
}
.splide__pagination li button.is-active {
  pointer-events: none;
}
.splide__pagination li button.is-active::before {
  width: 0.75em;
  height: 0.75em;
  background-color: #16181a;
}
@media (hover: hover) {
  .splide__pagination li button:hover::before {
    width: 0.75em;
    height: 0.75em;
  }
}
.splide__pagination li button:focus-visible::before, .splide__pagination li button.is-hover::before {
  width: 0.75em;
  height: 0.75em;
}

.favicon {
  padding-top: 2.1rem;
  padding-left: 2.1rem;
  background-color: rgb(248.01, 248.07, 248.13);
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.favicon::before {
  content: "";
  position: absolute;
  width: calc(100% - 2.1rem);
  height: 8.7rem;
  z-index: 2;
  left: 2.1rem;
  bottom: 0;
  background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 90%);
}

.favicon__inner {
  height: 17.4rem;
  position: relative;
  background-image: url("../image/demo/browser_repeat-pstv.png?69");
  background-repeat: repeat-x;
  background-size: auto 8.7rem;
  background-position: top left;
  padding-left: 2em;
  background-clip: content-box;
  z-index: 1;
}
.favicon--ngtv .favicon__inner {
  background-image: url("../image/demo/browser_repeat-ngtv.png?68");
}
.favicon__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/demo/browser-pstv.png?9");
  background-repeat: no-repeat;
  background-size: auto 8.7rem;
  background-position: top left;
}
.favicon--ngtv .favicon__inner::before {
  background-image: url("../image/demo/browser-ngtv.png?30");
}

.favicon__title {
  position: absolute;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1.2rem;
  color: #3c4043;
  top: 1.2rem;
  left: 10rem;
  background-image: url("../common/favicon/favicon.svg?40");
  background-position: left center;
  background-size: 1.6rem 1.6rem;
  padding-left: calc(1.6rem + 0.5em);
  background-repeat: no-repeat;
  width: 20rem;
  white-space: nowrap;
  overflow: hidden;
}
.favicon__title::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1.5em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 100%);
}
.favicon--ngtv .favicon__title {
  color: #f1f3f4;
}
.favicon--ngtv .favicon__title::before {
  background: linear-gradient(to right, rgba(60, 60, 60, 0) 0, #3c3c3c 100%);
}

.favicon__url {
  position: absolute;
  left: 11.6rem;
  top: 4.6rem;
  padding-left: 4.2rem;
  height: 3.4rem;
  line-height: 3.4rem;
  font-size: 1.3rem;
}

.favicon__url__domain {
  color: #202124;
}
.favicon--ngtv .favicon__url__domain {
  color: #f1f3f4;
}

.appletouchicon {
  display: grid;
}
.appletouchicon {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
.appletouchicon:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}
.appletouchicon .bg--null {
  background-image: url(../../icon/favicon/image/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.appletouchicon__item:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.appletouchicon__item__fig {
  overflow: hidden;
  margin-inline: auto;
}
.appletouchicon__item__fig, .appletouchicon__item--180 .appletouchicon__item__fig {
  width: 9rem;
  height: 9rem;
}
.appletouchicon__item--192 .appletouchicon__item__fig {
  width: 9.6rem;
  height: 9.6rem;
}
.appletouchicon__item--ios .appletouchicon__item__fig {
  border-radius: 22%;
}
.appletouchicon__item--android .appletouchicon__item__fig {
  border-radius: 50%;
}

.appletouchicon__item__caption {
  padding-top: 0.5em;
  font-size: 1.8rem;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.appletouchicon__item__caption, .appletouchicon__item--180 .appletouchicon__item__caption {
  font-size: 1.8rem;
}
.appletouchicon__item--192 .appletouchicon__item__caption {
  font-size: 1.92rem;
}

body.home {
  background-color: rgb(250.34, 250.38, 250.42);
}

.s-home h2 {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1.7;
  color: #004098;
}

.s-home__score {
  display: block;
  line-height: 1;
}

.s-home__score__str {
  font-weight: bold;
  font-size: var(--font-size--xxl);
  letter-spacing: var(--letter-spacing--xxl);
}

html[lang=en] .s-home__score__ten {
  margin-left: 0.4em;
}

.s-home__world {
  margin-top: 0.5em;
  display: block;
}

.s-home__box {
  display: grid;
}
.s-home__box {
  gap: calc(var(--margin) * 1) calc(var(--margin-width) * 1);
}
.s-home__box {
  grid-template-columns: 1fr;
}
.s-home__box {
  grid-template-rows: auto auto;
}
@media print, screen and (min-width: 843.02px) {
  .s-home__box {
    grid-template-columns: repeat(2, 1fr);
  }
  .s-home__box {
    grid-template-rows: 1fr;
  }
}
.s-home__box__item {
  background-color: #fff;
  border-radius: 1lh;
  padding: 2.9rem 3.4rem;
  overflow: hidden;
}
.s-home__box__item:has(img:only-child) {
  padding: 0;
  position: relative;
  padding-top: 56.25%;
}
@media print, screen and (max-width: 843px) {
  .s-home__box__item:has(img:only-child) {
    aspect-ratio: 3/2;
  }
}
.s-home__box__item:has(img:only-child) figure, .s-home__box__item:has(img:only-child) picture, .s-home__box__item:has(img:only-child) img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-home__box__item h2:not(:last-child) {
  margin-bottom: calc(var(--margin) * 1 * 1);
}

.s_home__comet-blog__heading {
  width: 100%;
  color: rgb(229.37, 229.59, 229.81);
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1263 100"><path d="M25.00128,98.34315V20.30218H0V1.65685h71.13444v18.64533h-25v78.04097h-21.13316Z"/><path d="M152.2023,98.34315v-40.47119h-33.70294v40.47119h-21.13316V1.65685h21.13316v37.70807h33.70294V1.65685h21.13316v96.6863h-21.13316Z"/><path d="M203.70935,98.34315V1.65685h62.56978v18.64533h-41.4379v18.92446h33.56466l-1.51985,16.71191h-32.04481v23.75672h41.4379v18.64789h-62.56978Z"/><path d="M376.76184,100c-29.83611,0-41.57618-15.88476-41.57618-50,0-34.1178,11.74008-50,41.57618-50,9.66837,0,18.50832,1.242,28.1767,7.04225l-7.1831,16.4379c-7.04353-3.59283-13.53521-4.83483-20.71831-4.83483-17.40333,0-20.58003,11.74136-20.58003,31.35467s3.1767,31.35467,20.58003,31.35467c7.1831,0,13.67478-1.24456,20.71831-4.83483l7.1831,16.43534c-9.66837,5.80282-18.50832,7.04481-28.1767,7.04481Z"/><path d="M426.74904,50c0-34.1178,11.74136-50,41.5749-50,29.83611,0,41.57618,15.8822,41.57618,50,0,34.11524-11.74008,50-41.57618,50-29.83355,0-41.5749-15.88476-41.5749-50ZM488.62868,50c0-19.61332-3.1767-31.49296-20.02817-31.49296-17.40333,0-20.58003,11.87964-20.58003,31.49296s3.1767,31.49296,20.58003,31.49296c16.85147,0,20.02817-11.87964,20.02817-31.49296Z"/><path d="M615.96671,30.93982l-17.54161,67.40333h-19.47631l-19.33675-67.40333-3.03969,67.40333h-21.13188l8.70166-96.6863h25.96671l18.5096,70.44302L606.57362,1.65685h25.96799l8.56338,96.27145-21.68502,1.65685-3.45327-68.64533Z"/><path d="M669.12804,98.34315V1.65685h62.57106v18.64533h-41.43918v18.92446h33.56466l-1.51857,16.71191h-32.04609v23.75672h41.43918v18.64789h-62.57106Z"/><path d="M779.47887,98.34315V20.30218h-25.00128V1.65685h71.13444v18.64533h-24.99872v78.04097h-21.13444Z"/><path d="M894.242,3.86684c8.56338-1.93342,19.88988-3.86684,30.52497-3.86684,20.02817,0,38.6735,5.93854,38.6735,28.1767,0,11.46479-6.76825,19.06018-15.46991,20.71703,8.83995.96799,19.88988,7.45967,19.88988,22.23816,0,18.92446-11.3265,27.21127-34.94494,27.21127h-38.6735V3.86684ZM925.87068,41.9872c10.36108,0,17.12676-.68886,17.12676-12.15365,0-9.66965-7.87196-12.84507-16.15877-12.84507-4.00512,0-8.0128.41485-11.46479,1.10371v23.89501h10.4968ZM923.79898,81.63124c15.74648,0,21.96159-1.93598,21.96159-12.15621,0-9.94366-5.93854-12.15365-17.54161-12.15365h-12.84507v24.30986h8.4251Z"/><path d="M993.12548,98.34315V1.65685h21.13188v78.03841h43.23431v18.64789h-64.3662Z"/><path d="M1074.88476,50c0-34.1178,11.74136-50,41.5749-50,29.83611,0,41.5749,15.8822,41.5749,50,0,34.11524-11.7388,50-41.5749,50-29.83355,0-41.5749-15.88476-41.5749-50ZM1136.7644,50c0-19.61332-3.17798-31.49296-20.02817-31.49296-17.40333,0-20.58131,11.87964-20.58131,31.49296s3.17798,31.49296,20.58131,31.49296c16.85019,0,20.02817-11.87964,20.02817-31.49296Z"/><path d="M1226.11908,100c-27.48784,0-42.81946-11.60051-42.81946-50,0-36.32778,19.19846-50,41.98976-50,12.15365,0,22.51472,1.51857,32.45839,7.18054l-7.59539,17.26504c-6.76825-3.86684-14.22791-5.24712-22.37644-5.24712-15.19334,0-23.20615,7.87196-23.20615,30.38668,0,23.75672,5.1114,32.04609,22.09987,32.04609,4.69654,0,10.08451-.41485,14.78105-2.0717v-17.26761h-17.26761v-15.46991h38.39949v45.72087c-10.63508,4.97055-23.06786,7.45711-36.46351,7.45711Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  aspect-ratio: 1/0.0791765637;
  margin-bottom: -0.75%;
}

.s-home__news__heading {
  display: grid;
}
.s-home__news__heading {
  grid-template-columns: 1fr auto;
}
.s-home__news__heading:not(:last-child) {
  margin-bottom: calc(var(--margin-section) * 1);
}
.s-home__news__heading {
  padding-top: var(--margin-section);
  border-top: 0.2rem solid var(--color-main);
}
.s-home__news__heading h2 {
  font-size: var(--font-size--xl);
  letter-spacing: var(--letter-spacing--xl);
  line-height: 1;
  color: var(--color-main);
}

.s-home__news__more {
  position: relative;
  text-decoration-line: none;
}
@media (hover: hover) {
  .s-home__news__more:hover {
    text-decoration-line: none;
  }
}
.s-home__news__more:focus-visible, .s-home__news__more.is-hover {
  text-decoration-line: none;
}
.s-home__news__more::before {
  content: "";
  color: currentcolor;
  display: block;
  position: absolute;
  margin-block: auto;
  top: 0;
  bottom: 0;
  right: calc(100% + 0.325rem);
  left: unset;
  width: 1.3rem;
  height: 1.3rem;
}

.tag-cloud-link {
  font-size: 1em !important;
  display: block;
}
.wp-embed-footer .wp-embed-site-title a {
  padding-left: 0;
}
.wp-embed-footer .wp-embed-site-title img {
  display: none;
}

twitterwidget,
.instagram-media {
  margin-inline: auto !important;
  margin-block: 0 !important;
}