@charset "UTF-8";

:root {
  --fluid-min-width: 375;
  --fluid-max-width: 1440;
  --fluid-screen: 100vw;
  --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)));
  --fc-3xs-min: (var(--fc-s-min) * 0.25);
  --fc-3xs-max: (var(--fc-s-max) * 0.25);
  --fc-2xs-min: (var(--fc-s-min) * 0.5);
  --fc-2xs-max: (var(--fc-s-max) * 0.5);
  --fc-xs-min: (var(--fc-s-min) * 0.75);
  --fc-xs-max: (var(--fc-s-max) * 0.75);
  --fc-s-min: (var(--f-0-min,14));
  --fc-s-max: (var(--f-0-max,17));
  --fc-m-min: (var(--fc-s-min) * 1.5);
  --fc-m-max: (var(--fc-s-max) * 1.5);
  --fc-l-min: (var(--fc-s-min) * 2);
  --fc-l-max: (var(--fc-s-max) * 2);
  --fc-xl-min: (var(--fc-s-min) * 3);
  --fc-xl-max: (var(--fc-s-max) * 3);
  --fc-2xl-min: (var(--fc-s-min) * 4);
  --fc-2xl-max: (var(--fc-s-max) * 4);
  --fc-3xl-min: (var(--fc-s-min) * 6);
  --fc-3xl-max: (var(--fc-s-max) * 6);
  --fc-4xl-min: (var(--fc-s-min) * 8);
  --fc-4xl-max: (var(--fc-s-max) * 8);
  --fc-5xl-min: (var(--fc-s-min) * 10);
  --fc-5xl-max: (var(--fc-s-max) * 10);
  --fc-6xl-min: (var(--fc-s-min) * 12);
  --fc-6xl-max: (var(--fc-s-max) * 12);
  --space-3xs: calc((var(--fc-3xs-min)/16)*1rem + (var(--fc-3xs-max) - var(--fc-3xs-min))*var(--fluid-bp));
  --space-2xs: calc((var(--fc-2xs-min)/16)*1rem + (var(--fc-2xs-max) - var(--fc-2xs-min))*var(--fluid-bp));
  --space-xs: calc((var(--fc-xs-min)/16)*1rem + (var(--fc-xs-max) - var(--fc-xs-min))*var(--fluid-bp));
  --space-s: calc((var(--fc-s-min)/16)*1rem + (var(--fc-s-max) - var(--fc-s-min))*var(--fluid-bp));
  --space-m: calc((var(--fc-m-min)/16)*1rem + (var(--fc-m-max) - var(--fc-m-min))*var(--fluid-bp));
  --space-l: calc((var(--fc-l-min)/16)*1rem + (var(--fc-l-max) - var(--fc-l-min))*var(--fluid-bp));
  --space-xl: calc((var(--fc-xl-min)/16)*1rem + (var(--fc-xl-max) - var(--fc-xl-min))*var(--fluid-bp));
  --space-2xl: calc((var(--fc-2xl-min)/16)*1rem + (var(--fc-2xl-max) - var(--fc-2xl-min))*var(--fluid-bp));
  --space-3xl: calc((var(--fc-3xl-min)/16)*1rem + (var(--fc-3xl-max) - var(--fc-3xl-min))*var(--fluid-bp));
  --space-4xl: calc((var(--fc-4xl-min)/16)*1rem + (var(--fc-4xl-max) - var(--fc-4xl-min))*var(--fluid-bp));
  --space-5xl: calc((var(--fc-5xl-min)/16)*1rem + (var(--fc-5xl-max) - var(--fc-5xl-min))*var(--fluid-bp));
  --space-6xl: calc((var(--fc-6xl-min)/16)*1rem + (var(--fc-6xl-max) - var(--fc-6xl-min))*var(--fluid-bp));
  --space-3xs-2xs: calc((var(--fc-3xs-min)/16)*1rem + (var(--fc-2xs-max) - var(--fc-3xs-min))*var(--fluid-bp));
  --space-2xs-xs: calc((var(--fc-2xs-min)/16)*1rem + (var(--fc-xs-max) - var(--fc-2xs-min))*var(--fluid-bp));
  --space-xs-s: calc((var(--fc-xs-min)/16)*1rem + (var(--fc-s-max) - var(--fc-xs-min))*var(--fluid-bp));
  --space-s-m: calc((var(--fc-s-min)/16)*1rem + (var(--fc-m-max) - var(--fc-s-min))*var(--fluid-bp));
  --space-m-l: calc((var(--fc-m-min)/16)*1rem + (var(--fc-l-max) - var(--fc-m-min))*var(--fluid-bp));
  --space-l-xl: calc((var(--fc-l-min)/16)*1rem + (var(--fc-xl-max) - var(--fc-l-min))*var(--fluid-bp));
  --space-xl-2xl: calc((var(--fc-xl-min)/16)*1rem + (var(--fc-2xl-max) - var(--fc-xl-min))*var(--fluid-bp));
  --space-2xl-3xl: calc((var(--fc-2xl-min)/16)*1rem + (var(--fc-3xl-max) - var(--fc-2xl-min))*var(--fluid-bp));
  --space-3xl-4xl: calc((var(--fc-3xl-min)/16)*1rem + (var(--fc-4xl-max) - var(--fc-3xl-min))*var(--fluid-bp));
  --space-4xl-5xl: calc((var(--fc-4xl-min)/16)*1rem + (var(--fc-5xl-max) - var(--fc-4xl-min))*var(--fluid-bp));
  --space-5xl-6xl: calc((var(--fc-5xl-min)/16)*1rem + (var(--fc-6xl-max) - var(--fc-5xl-min))*var(--fluid-bp));
}

@media screen and (min-width: 768px) {
  :root {
    --fluid-min-width: 1440;
    --fluid-max-width: 1920;
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --fc-s-min:(var(--f-0-min,17));
    --fc-s-max: (var(--f-0-max,17 * 1.25));
  }
}

:root {
  --fluid-en-min-width: 375;
  --fluid-en-max-width: 1440;
  --fluid-en-screen: 100vw;
  --fluid-en-bp: calc((var(--fluid-en-screen) - var(--fluid-en-min-width)/16*1rem)/(var(--fluid-en-max-width) - var(--fluid-en-min-width)));
  --f-en--3-min: 9.84;
  --f-en--3-max: 10.75;
  --en-step--3: calc((var(--f-en--3-min)/16)*1rem + (var(--f-en--3-max) - var(--f-en--3-min))*var(--fluid-en-bp));
  --f-en--2-min: 11.81;
  --f-en--2-max: 13.44;
  --en-step--2: calc((var(--f-en--2-min)/16)*1rem + (var(--f-en--2-max) - var(--f-en--2-min))*var(--fluid-en-bp));
  --f-en--1-min: 14.17;
  --f-en--1-max: 16.8;
  --en-step--1: calc((var(--f-en--1-min)/16)*1rem + (var(--f-en--1-max) - var(--f-en--1-min))*var(--fluid-en-bp));
  --f-en-0-min: 17;
  --f-en-0-max: 21;
  --en-step-0: calc((var(--f-en-0-min)/16)*1rem + (var(--f-en-0-max) - var(--f-en-0-min))*var(--fluid-en-bp));
  --f-en-1-min: 20.4;
  --f-en-1-max: 26.25;
  --en-step-1: calc((var(--f-en-1-min)/16)*1rem + (var(--f-en-1-max) - var(--f-en-1-min))*var(--fluid-en-bp));
  --f-en-2-min: 24.48;
  --f-en-2-max: 32.81;
  --en-step-2: calc((var(--f-en-2-min)/16)*1rem + (var(--f-en-2-max) - var(--f-en-2-min))*var(--fluid-en-bp));
  --f-en-3-min: 29.38;
  --f-en-3-max: 41.02;
  --en-step-3: calc((var(--f-en-3-min)/16)*1rem + (var(--f-en-3-max) - var(--f-en-3-min))*var(--fluid-en-bp));
  --f-en-4-min: 35.25;
  --f-en-4-max: 51.27;
  --en-step-4: calc((var(--f-en-4-min)/16)*1rem + (var(--f-en-4-max) - var(--f-en-4-min))*var(--fluid-en-bp));
  --f-en-5-min: 42.3;
  --f-en-5-max: 64.09;
  --en-step-5: calc((var(--f-en-5-min)/16)*1rem + (var(--f-en-5-max) - var(--f-en-5-min))*var(--fluid-en-bp));
  --f-en-6-min: 50.76;
  --f-en-6-max: 80.11;
  --en-step-6: calc((var(--f-en-6-min)/16)*1rem + (var(--f-en-6-max) - var(--f-en-6-min))*var(--fluid-en-bp));
  --f-en-7-min: 60.91;
  --f-en-7-max: 100.14;
  --en-step-7: calc((var(--f-en-7-min)/16)*1rem + (var(--f-en-7-max) - var(--f-en-7-min))*var(--fluid-en-bp));
  --f-en-8-min: 73.1;
  --f-en-8-max: 125.17;
  --en-step-8: calc((var(--f-en-8-min)/16)*1rem + (var(--f-en-8-max) - var(--f-en-8-min))*var(--fluid-en-bp));
  --f-en-9-min: 87.72;
  --f-en-9-max: 156.46;
  --en-step-9: calc((var(--f-en-9-min)/16)*1rem + (var(--f-en-9-max) - var(--f-en-9-min))*var(--fluid-en-bp));
  --f-en-10-min: 105.26;
  --f-en-10-max: 195.58;
  --en-step-10: calc((var(--f-en-10-min)/16)*1rem + (var(--f-en-10-max) - var(--f-en-10-min))*var(--fluid-en-bp))
}

@media screen and (min-width: 1440px) {
  :root {
    --fluid-en-min-width:1440;
    --fluid-en-max-width: 1920;
    --f-en--3-min: 10.75;
    --f-en--3-max: 10.75 * 1.25;
    --f-en--2-min: 13.44;
    --f-en--2-max: 13.44 * 1.25;
    --f-en--1-min: 16.8;
    --f-en--1-max: 16.8 * 1.25;
    --f-en-0-min: 21;
    --f-en-0-max: 21 * 1.25;
    --f-en-1-min: 26.25;
    --f-en-1-max: 26.25 * 1.25;
    --f-en-2-min: 32.81;
    --f-en-2-max: 32.81 * 1.25;
    --f-en-3-min: 41.02;
    --f-en-3-max: 41.02 * 1.25;
    --f-en-4-min: 51.27;
    --f-en-4-max: 51.27 * 1.25;
    --f-en-5-min: 64.09;
    --f-en-5-max: 64.09 * 1.25;
    --f-en-6-min: 80.11;
    --f-en-6-max: 80.11 * 1.25;
    --f-en-7-min: 100.14;
    --f-en-7-max: 100.14 * 1.25;
    --f-en-8-min: 125.17;
    --f-en-8-max: 125.17 * 1.25;
    --f-en-9-min: 156.46;
    --f-en-9-max: 156.46 * 1.25;
    --f-en-10-min: 195.58;
    --f-en-10-max: 195.58 * 1.25
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --fluid-en-screen:calc(var(--fluid-en-max-width)*1px)
  }
}

:root {
  --fluid-ja-min-width: 375;
  --fluid-ja-max-width: 1440;
  --fluid-ja-screen: 100vw;
  --fluid-ja-bp: calc((var(--fluid-ja-screen) - var(--fluid-ja-min-width)/16*1rem)/(var(--fluid-ja-max-width) - var(--fluid-ja-min-width)));
  --f-ja--3-min: 8.1;
  --f-ja--3-max: 8.7;
  --ja-step--3: calc((var(--f-ja--3-min)/16)*1rem + (var(--f-ja--3-max) - var(--f-ja--3-min))*var(--fluid-ja-bp));
  --f-ja--2-min: 9.72;
  --f-ja--2-max: 10.88;
  --ja-step--2: calc((var(--f-ja--2-min)/16)*1rem + (var(--f-ja--2-max) - var(--f-ja--2-min))*var(--fluid-ja-bp));
  --f-ja--1-min: 11.67;
  --f-ja--1-max: 13.6;
  --ja-step--1: calc((var(--f-ja--1-min)/16)*1rem + (var(--f-ja--1-max) - var(--f-ja--1-min))*var(--fluid-ja-bp));
  --f-ja-0-min: 14;
  --f-ja-0-max: 16;
  --ja-step-0: calc((var(--f-ja-0-min)/16)*1rem + (var(--f-ja-0-max) - var(--f-ja-0-min))*var(--fluid-ja-bp));
  --f-ja-1-min: 16.8;
  --f-ja-1-max: 21.25;
  --ja-step-1: calc((var(--f-ja-1-min)/16)*1rem + (var(--f-ja-1-max) - var(--f-ja-1-min))*var(--fluid-ja-bp));
  --f-ja-2-min: 20.16;
  --f-ja-2-max: 26.56;
  --ja-step-2: calc((var(--f-ja-2-min)/16)*1rem + (var(--f-ja-2-max) - var(--f-ja-2-min))*var(--fluid-ja-bp));
  --f-ja-3-min: 24.19;
  --f-ja-3-max: 33.2;
  --ja-step-3: calc((var(--f-ja-3-min)/16)*1rem + (var(--f-ja-3-max) - var(--f-ja-3-min))*var(--fluid-ja-bp));
  --f-ja-4-min: 29.03;
  --f-ja-4-max: 41.5;
  --ja-step-4: calc((var(--f-ja-4-min)/16)*1rem + (var(--f-ja-4-max) - var(--f-ja-4-min))*var(--fluid-ja-bp));
  --f-ja-5-min: 34.84;
  --f-ja-5-max: 51.88;
  --ja-step-5: calc((var(--f-ja-5-min)/16)*1rem + (var(--f-ja-5-max) - var(--f-ja-5-min))*var(--fluid-ja-bp));
  --f-ja-6-min: 41.8;
  --f-ja-6-max: 64.85;
  --ja-step-6: calc((var(--f-ja-6-min)/16)*1rem + (var(--f-ja-6-max) - var(--f-ja-6-min))*var(--fluid-ja-bp));
  --f-ja-7-min: 50.16;
  --f-ja-7-max: 81.06;
  --ja-step-7: calc((var(--f-ja-7-min)/16)*1rem + (var(--f-ja-7-max) - var(--f-ja-7-min))*var(--fluid-ja-bp));
  --f-ja-8-min: 60.2;
  --f-ja-8-max: 101.33;
  --ja-step-8: calc((var(--f-ja-8-min)/16)*1rem + (var(--f-ja-8-max) - var(--f-ja-8-min))*var(--fluid-ja-bp));
  --f-ja-9-min: 72.24;
  --f-ja-9-max: 126.66;
  --ja-step-9: calc((var(--f-ja-9-min)/16)*1rem + (var(--f-ja-9-max) - var(--f-ja-9-min))*var(--fluid-ja-bp));
  --f-ja-10-min: 86.68;
  --f-ja-10-max: 158.32;
  --ja-step-10: calc((var(--f-ja-10-min)/16)*1rem + (var(--f-ja-10-max) - var(--f-ja-10-min))*var(--fluid-ja-bp))
}

@media screen and (min-width: 1441px) {
  :root {
    --fluid-ja-min-width: 1441;
    --fluid-ja-max-width: 1920;
    --f-ja--3-min: 8.7;
    --f-ja--3-max: 8.7 * 1.25;
    --f-ja--2-min: 10.88;
    --f-ja--2-max: 10.88 * 1.25;
    --f-ja--1-min: 13.6;
    --f-ja--1-max: 13.6 * 1.25;
    --f-ja-0-min: 17;
    --f-ja-0-max: 17 * 1.25;
    --f-ja-1-min: 21.25;
    --f-ja-1-max: 21.25 * 1.25;
    --f-ja-2-min: 26.56;
    --f-ja-2-max: 26.56 * 1.25;
    --f-ja-3-min: 33.2;
    --f-ja-3-max: 33.2 * 1.25;
    --f-ja-4-min: 41.5;
    --f-ja-4-max: 41.5 * 1.25;
    --f-ja-5-min: 51.88;
    --f-ja-5-max: 51.88 * 1.25;
    --f-ja-6-min: 64.85;
    --f-ja-6-max: 64.85 * 1.25;
    --f-ja-7-min: 81.06;
    --f-ja-7-max: 81.06 * 1.25;
    --f-ja-8-min: 101.33;
    --f-ja-8-max: 101.33 * 1.25;
    --f-ja-9-min: 126.66;
    --f-ja-9-max: 126.66 * 1.25;
    --f-ja-10-min: 158.32;
    --f-ja-10-max: 158.32 * 1.25
  }
}

@media screen and (min-width: 1920px) {
	:root {
		--fluid-ja-screen:calc(var(--fluid-ja-max-width)*1px)
	}
}

:root {
  --vw-px: calc(100vw / 1280);
  --vh-px: calc(100vh / 900);
  --vwh-px: min(var(--vw-px), var(--vh-px));
}

@media(min-width: 0px) {
  .u-width-g {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

@media only screen and (min-width: 544.5px) {
  .u-width-g\@xsm {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g\@xsm {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g\@xsm {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g\@xsm {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

@media screen and (max-width: 767px) {
  .u-width-g\@sm {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g\@sm {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g\@sm {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g\@sm {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

@media only screen and (min-width: 768px) {
  .u-width-g\@md {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g\@md {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g\@md {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g\@md {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

@media only screen and (min-width: 1200px) {
  .u-width-g\@lg {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g\@lg {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g\@lg {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g\@lg {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

@media only screen and (min-width: 1561px) {
  .u-width-g\@xl {
    --width-g: var(--site-grid-column);
    --width-g-grid: var(--site-grid-column);
    width: calc(var(--width-g)/var(--width-g-grid)*100%)!important
  }
  .u-mx-g\@xl {
    --mx-g: 0;
    --mx-g-grid: var(--site-grid-column);
    margin: 0 calc(var(--mx-g)/var(--mx-g-grid)*100%)!important
  }
  .u-mr-g\@xl {
    --mr-g: 0;
    --mr-g-grid: var(--site-grid-column);
    margin-right: calc(var(--mr-g)/var(--mr-g-grid)*100%)!important
  }
  .u-ml-g\@xl {
    --ml-g: 0;
    --ml-g-grid: var(--site-grid-column);
    margin-left: calc(var(--ml-g)/var(--ml-g-grid)*100%)!important
  }
}

:root {
  --site-head-height: min(3.8rem + 3vw, 6.75rem);
  --site-foot-margin: 2.5rem;
  --site-foot-height: auto;
  --site-box-scale: 0.8933333333;
  --site-grid-column: 15;
  --top-head-height: 5.875rem;
}

@media(min-width:64em) {
  :root {
    --site-box-scale: 0.9444444444;
    --site-grid-column: 17;
    --top-head-height: 4.375rem;
  }
}

@media(min-width:90em) {
  :root {
    --site-foot-margin: min(0.625rem + 2.0833333333vw, 3.125rem);
    --top-head-height: min(1.09375rem + 3.6458333333vw, 5.46875rem)
  }
}

.o-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m)
}

.o-grid {
  --o-grid__min-cell-width: 16rem;
  display: grid;
  gap: var(--space-m);
  grid-template-columns: repeat(auto-fill, minmax(min(var(--o-grid__min-cell-width), 100%), 1fr));
}

.o-row {
  --o-row__gutter: var(--space-m);
  display: flex;
  flex-wrap: wrap;
  margin-inline-start: calc(var(--o-row__gutter)*-1);
}

.o-row>:where(*) {
  padding-inline-start: calc(var(--o-row__gutter));
  width: 100%;
}

@media(min-width:0em) {
  .o-row--gutter-3xs {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0 {
    --o-row__gutter: 0
  }
}

@media(min-width:31.3125em) {
  .o-row--gutter-3xs\@xsm {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs\@xsm {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs\@xsm {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s\@xsm {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m\@xsm {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l\@xsm {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl\@xsm {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl\@xsm {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl\@xsm {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl\@xsm {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl\@xsm {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl\@xsm {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl\@xsm {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl\@xsm {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0\@xsm {
    --o-row__gutter: 0
  }
}

@media(min-width:48em) {
  .o-row--gutter-3xs\@sm {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs\@sm {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs\@sm {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s\@sm {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m\@sm {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l\@sm {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl\@sm {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl\@sm {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl\@sm {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl\@sm {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl\@sm {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl\@sm {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl\@sm {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl\@sm {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0\@sm {
    --o-row__gutter: 0
  }
}

@media(min-width:64em) {
  .o-row--gutter-3xs\@md {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs\@md {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs\@md {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s\@md {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m\@md {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l\@md {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl\@md {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl\@md {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl\@md {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl\@md {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl\@md {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl\@md {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl\@md {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl\@md {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0\@md {
    --o-row__gutter: 0
  }
}

@media(min-width:90em) {
  .o-row--gutter-3xs\@lg {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs\@lg {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs\@lg {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s\@lg {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m\@lg {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l\@lg {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl\@lg {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl\@lg {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl\@lg {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl\@lg {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl\@lg {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl\@lg {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl\@lg {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl\@lg {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0\@lg {
    --o-row__gutter: 0
  }
}

@media(min-width:105em) {
  .o-row--gutter-3xs\@xl {
    --o-row__gutter: var(--space-3xs)
  }
  .o-row--gutter-2xs\@xl {
    --o-row__gutter: var(--space-2xs)
  }
  .o-row--gutter-xs\@xl {
    --o-row__gutter: var(--space-xs)
  }
  .o-row--gutter-s\@xl {
    --o-row__gutter: var(--space-s)
  }
  .o-row--gutter-m\@xl {
    --o-row__gutter: var(--space-m)
  }
  .o-row--gutter-l\@xl {
    --o-row__gutter: var(--space-l)
  }
  .o-row--gutter-xl\@xl {
    --o-row__gutter: var(--space-xl)
  }
  .o-row--gutter-2xl\@xl {
    --o-row__gutter: var(--space-2xl)
  }
  .o-row--gutter-3xl\@xl {
    --o-row__gutter: var(--space-3xl)
  }
  .o-row--gutter-4xl\@xl {
    --o-row__gutter: var(--space-4xl)
  }
  .o-row--gutter-5xl\@xl {
    --o-row__gutter: var(--space-5xl)
  }
  .o-row--gutter-6xl\@xl {
    --o-row__gutter: var(--space-6xl)
  }
  .o-row--gutter-7xl\@xl {
    --o-row__gutter: var(--space-7xl)
  }
  .o-row--gutter-8xl\@xl {
    --o-row__gutter: var(--space-8xl)
  }
  .o-row--gutter-0\@xl {
    --o-row__gutter: 0
  }
}

.o-stack {
  --o-stack-spacing: var(--space-m)
}

.o-stack>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-3xs {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-2xs {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-xs {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-s {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-m {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-l {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-xl {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-2xl {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-3xl {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-4xl {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-5xl {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-6xl {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-7xl {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-8xl {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:0em) {
  .o-stack-0 {
    --o-stack-spacing: 0
  }
}

.o-stack-0>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-3xs\@xsm {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-2xs\@xsm {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-xs\@xsm {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-s\@xsm {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-m\@xsm {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-l\@xsm {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-xl\@xsm {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-2xl\@xsm {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-3xl\@xsm {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-4xl\@xsm {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-5xl\@xsm {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-6xl\@xsm {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-7xl\@xsm {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-8xl\@xsm {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:31.3125em) {
  .o-stack-0\@xsm {
    --o-stack-spacing: 0
  }
}

.o-stack-0\@xsm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-3xs\@sm {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-2xs\@sm {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-xs\@sm {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-s\@sm {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:48em) {
  .o-stack-m\@sm {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-l\@sm {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-xl\@sm {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-2xl\@sm {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-3xl\@sm {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-4xl\@sm {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-5xl\@sm {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-6xl\@sm {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:48em) {
  .o-stack-7xl\@sm {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-8xl\@sm {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 544.5px) {
  .o-stack-0\@sm {
    --o-stack-spacing: 0
  }
}

.o-stack-0\@sm>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-3xs\@md {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-2xs\@md {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-xs\@md {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-s\@md {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-m\@md {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-l\@md {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-xl\@md {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-2xl\@md {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-3xl\@md {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-4xl\@md {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-5xl\@md {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-6xl\@md {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-7xl\@md {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px) {
  .o-stack-8xl\@md {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 768px){
  .o-stack-0\@md {
    --o-stack-spacing: 0
  }
}

.o-stack-0\@md>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-3xs\@lg {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-2xs\@lg {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-xs\@lg {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-s\@lg {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-m\@lg {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-l\@lg {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-xl\@lg {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-2xl\@lg {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-3xl\@lg {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-4xl\@lg {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-5xl\@lg {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px){
  .o-stack-6xl\@lg {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-7xl\@lg {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-8xl\@lg {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1200px) {
  .o-stack-0\@lg {
    --o-stack-spacing: 0
  }
}

.o-stack-0\@lg>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-3xs\@xl {
    --o-stack-spacing: var(--space-3xs)
  }
}

.o-stack-3xs\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-2xs\@xl {
    --o-stack-spacing: var(--space-2xs)
  }
}

.o-stack-2xs\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-xs\@xl {
    --o-stack-spacing: var(--space-xs)
  }
}

.o-stack-xs\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-s\@xl {
    --o-stack-spacing: var(--space-s)
  }
}

.o-stack-s\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-m\@xl {
    --o-stack-spacing: var(--space-m)
  }
}

.o-stack-m\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-l\@xl {
    --o-stack-spacing: var(--space-l)
  }
}

.o-stack-l\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-xl\@xl {
    --o-stack-spacing: var(--space-xl)
  }
}

.o-stack-xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media(min-width:105em) {
  .o-stack-2xl\@xl {
    --o-stack-spacing: var(--space-2xl)
  }
}

.o-stack-2xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-3xl\@xl {
    --o-stack-spacing: var(--space-3xl)
  }
}

.o-stack-3xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-4xl\@xl {
    --o-stack-spacing: var(--space-4xl)
  }
}

.o-stack-4xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-5xl\@xl {
    --o-stack-spacing: var(--space-5xl)
  }
}

.o-stack-5xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-6xl\@xl {
    --o-stack-spacing: var(--space-6xl)
  }
}

.o-stack-6xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-7xl\@xl {
    --o-stack-spacing: var(--space-7xl)
  }
}

.o-stack-7xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-8xl\@xl {
    --o-stack-spacing: var(--space-8xl)
  }
}

.o-stack-8xl\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

@media only screen and (min-width: 1561px) {
  .o-stack-0\@xl {
    --o-stack-spacing: 0
  }
}

.o-stack-0\@xl>*+* {
  margin-top: var(--o-stack-spacing)
}

.o-stack-split {
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.o-switcher {
  --o-switcher__threshold: 32rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m)
}

.o-switcher>:where(*) {
  flex-basis: calc((var(--o-switcher__threshold) - 100%)*999);
  flex-grow: 1
}

.o-with-sidebar {
  --o-with-sidebar__min-content-width: 50%;
  --o-with-sidebar__sidebar-width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m)
}

.o-with-sidebar__sidebar {
  flex-basis: var(--o-with-sidebar__sidebar-width);
  flex-grow: 1
}

.o-with-sidebar__content {
  flex-basis: 0;
  flex-grow: 999;
  min-width: var(--o-with-sidebar__min-content-width)
}

.o-wrapper {
	--o-wrapper__ideal-width: 89.33333%;
	--o-wrapper__max-width: 114.375rem;
	--o-wrapper__min-gutter: 1.25rem;
	display: block;
	margin: 0 auto;
	max-width: min(100% - var(--o-wrapper__min-gutter)*2,var(--o-wrapper__max-width));
	width: var(--o-wrapper__ideal-width)
}

@media screen and (min-width: 769px) {
	.o-wrapper {
		--o-wrapper__ideal-width: 80.555555%;
		--o-wrapper__min-gutter: 2.5rem;
	}
}

@media(min-width: 0em) {
	.o-wrapper__wide {
		--o-wrapper__wide-parent-width: 1160;
		--o-wrapper__wide-negative-margin: -5.97015%;
		margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 0em) and (min-width: 769px) {
	.o-wrapper__wide {
		--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

@media(min-width: 31.3125em) {
	.o-wrapper__wide\@xsm {
		--o-wrapper__wide-parent-width: 1160;
		--o-wrapper__wide-negative-margin: -5.97015%;
		margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 31.3125em) and (min-width:64em) {
	.o-wrapper__wide\@xsm {
		--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

@media(min-width: 48em) {
	.o-wrapper__wide\@sm {
			--o-wrapper__wide-parent-width: 1160;
			--o-wrapper__wide-negative-margin: -5.97015%;
			margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 48em)and (min-width:64em) {
	.o-wrapper__wide\@sm {
			--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

@media(min-width: 64em) {
	.o-wrapper__wide\@md {
		--o-wrapper__wide-parent-width: 1160;
		--o-wrapper__wide-negative-margin: -5.97015%;
		margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 64em)and (min-width:64em) {
	.o-wrapper__wide\@md {
		--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

@media(min-width: 90em) {
	.o-wrapper__wide\@lg {
		--o-wrapper__wide-parent-width: 1160;
		--o-wrapper__wide-negative-margin: -5.97015%;
		margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 90em)and (min-width:64em) {
	.o-wrapper__wide\@lg {
		--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

@media(min-width: 105em) {
	.o-wrapper__wide\@xl {
		--o-wrapper__wide-parent-width: 1160;
		--o-wrapper__wide-negative-margin: -5.97015%;
		margin: 0 min(calc(var(--o-wrapper__min-gutter)*-1),var(--o-wrapper__wide-negative-margin))
	}
}

@media(min-width: 105em)and (min-width:64em) {
	.o-wrapper__wide\@xl {
		--o-wrapper__wide-negative-margin:calc((((1440 - var(--o-wrapper__wide-parent-width))*0.5)/var(--o-wrapper__wide-parent-width))*-100%)
	}
}

:root {
	--color-key: #00a3eb;
  --color-black: #4a4a4a;
  --color-dark: #1b2225;
  --color-dark-rgb: 41, 51, 55;
  --color-dark-hover: #e7e5e2;
	--color-accent: #be302f;
	--color-gray: #f0f2f4;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-cursor-rgb: 235, 233, 231;
  --color-text: var(--color-dark);
  --color-text-rgb: var(--color-dark-rgb);
  --vw-px: calc(100vw / 1280);
  --vh-px: calc(100vh / 900);
  --vwh-px: min(var(--vw-px), var(--vh-px));
  --first-view-height: 100vh;
  --header-frame-height: 100vh;
  --padding-base: 6rem;
  --text-base: 2.4rem;
  --leading-base: 2;
  --leading-tight: 1.2;
  --leading-none: 1;
  --tracking-tight: 0.02em;
  --tracking-base: 0.04em;
  --tracking-wide: 0.08em;
  --tracking-wider: 0.12em;
  --tracking-widest: 0.16em;
  --z-nav: 100;
  --z-modal: 200;
  --z-loading: 300;
  --z-cursor: 400;
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-in-re: cubic-bezier(0.53, 0.15, 0.83, 0.55);
  --ease-out-re: cubic-bezier(0.1, 1, 0.12, 1);
  --ease-in-out-re: cubic-bezier(0.52, 0.15, 0.12, 1);
  --hover-duration: 340ms;
  --hover-easing: ease;
  --slider-easing: var(--ease-out-cubic);
  --opening-nav-offset: 4rem;
  --opening-nav-transform-duration: 2000ms;
  --opening-nav-transform-easing: var(--ease-out-re);
  --opening-nav-fade-duration: 600ms;
  --opening-nav-fade-easing: ease;
  --font-gothic: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, sans-serif;
/*  --font-gothic-en: "montserrat", sans-serif;*/
  --font-gothic-en: "sofia-pro", sans-serif;
}

@media screen and (min-width: 769px) {
  :root {
    --text-base: 1.3rem;
  }
}