/* padding-y layout --------------------------------------------------------*/

/* @group @variables */

:root {
--section-spacing-top: 4.5rem;
--section-spacing-bottom: 4.5rem;
}

/* @end @variables */

/* padding-x layout --------------------------------------------------------*/

/* @group @variables */

:root {
--body-x-padding-base: 4.375vw;
}

@media all and (min-width: 62em) {

:root {
--body-x-padding-base: calc((100vw - 60rem) / 2);
/*--body-x-padding-base: calc(2.5vw + 1.5rem);*/
}

}

/*@media all and (min-width: 80em) {

:root {
--body-x-padding-base: calc((100vw - 74rem) / 2);
}

}*/

/* @end @variables */

/* @group @variables */

:root {
--body-x-padding: var(--body-x-padding-base);
--body-x-padding-right: var(--body-x-padding-base);
--body-x-padding-left: var(--body-x-padding-base);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--body-x-padding-right: calc(env(safe-area-inset-right) + var(--body-x-padding));
--body-x-padding-left: calc(env(safe-area-inset-left) + var(--body-x-padding));
}

}

/* @end @variables */

/* @group @variables */

:root {
--body-x-padding-secondary-right: var(--body-x-padding-right);
--body-x-padding-secondary-left: var(--body-x-padding-left);
}

@media all and (min-width: 43.85em) {

:root {
--body-x-padding-secondary: calc((100vw - 40rem) / 2);
--body-x-padding-secondary-right: var(--body-x-padding-secondary);
--body-x-padding-secondary-left: var(--body-x-padding-secondary);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--body-x-padding-secondary-right: calc(env(safe-area-inset-right) + var(--body-x-padding-secondary));
--body-x-padding-secondary-left: calc(env(safe-area-inset-left) + var(--body-x-padding-secondary));
}

}

}

/* @end @variables */

/* @group @variables */

:root {
--body-x-padding-tertiary-right: var(--body-x-padding-right);
--body-x-padding-tertiary-left: var(--body-x-padding-left);
}

@media all and (min-width: 54.9em) {

:root {
--body-x-padding-tertiary: calc((100vw - 50rem) / 2);
--body-x-padding-tertiary-right: var(--body-x-padding-tertiary);
--body-x-padding-tertiary-left: var(--body-x-padding-tertiary);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--body-x-padding-tertiary-right: calc(env(safe-area-inset-right) + var(--body-x-padding-tertiary));
--body-x-padding-tertiary-left: calc(env(safe-area-inset-left) + var(--body-x-padding-tertiary));
}

}

}

/* @end @variables */

/* @group @variables */

:root {
--body-x-padding-quaternary-right: var(--body-x-padding-right);
--body-x-padding-quaternary-left: var(--body-x-padding-left);
}

@media all and (min-width: 62em) {

:root {
--body-x-padding-quaternary: calc((100vw - 60rem) / 2);
--body-x-padding-quaternary-right: var(--body-x-padding-quaternary);
--body-x-padding-quaternary-left: var(--body-x-padding-quaternary);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--body-x-padding-quaternary-right: calc(env(safe-area-inset-right) + var(--body-x-padding-quaternary));
--body-x-padding-quaternary-left: calc(env(safe-area-inset-left) + var(--body-x-padding-quaternary));
}

}

}

/* @end @variables */

/* @group @variables */

@media all and (max-width:35.9375em) {

:root {
--body-x-padding-proto-right: var(--body-x-padding-right);
--body-x-padding-proto-left: var(--body-x-padding-left);
}

@supports (padding-top: constant(safe-area-inset-top)) {

:root {
--body-x-padding-proto-right: calc(env(safe-area-inset-right) + var(--body-x-padding-proto));
--body-x-padding-proto-left: calc(env(safe-area-inset-left) + var(--body-x-padding-proto));
}

}

}

/* @end @variables */

/* grid variable --------------------------------------------------------*/

/* @group @variables */

:root {
--grid-v-repeat-count: auto;
--grid-h-repeat-count: auto;
--grid-repeat-count-auto-primary: auto;
--grid-repeat-count-primary: 1fr;
--grid-repeat-count-proto: auto;
--grid-repeat-count-primero: 1fr;
--grid-y-spacing-count: repeat(1, 1fr);;
}

@media all and (min-width:48em) {

:root {
--grid-repeat-count-proto: 1fr;
--grid-repeat-count-primero: auto;
}

}

/* @end @variables */

/* @group @variables */

:root {
--grid-count-primary: 1;
--grid-count-secondary: 2;
--grid-count-tertiary: 3;
--grid-count-quaternary: 4;

--grid-count-deutero: 1;
--grid-count-trito: 1;
--grid-count-tercero: 2;
--grid-count-tetarto: 1;
--grid-count-cuarto: 1;
--grid-count-erste: 2;
--grid-count-vierte: 2;
--grid-count-quatrieme: 2;
--grid-count-secondo: 1;
}

@media all and (min-width:36em) {

:root {
--grid-count-secondo: 2;
}

}

@media all and (min-width:48em) {

:root {
--grid-count-deutero: 2;
--grid-count-trito: 3;
--grid-count-tetarto: 4;
--grid-count-tercero: 3;
--grid-count-cuarto: 2;
--grid-count-vierte: 3;
}

}

@media all and (min-width:62em) {

:root {
--grid-count-cuarto: 2;
--grid-count-erste: 4;
--grid-count-vierte: 4;
--grid-count-quatrieme: 4;
--grid-count-secondo: 4;
}

}

/* @end @variables */

/* @group @variables */

:root {
--grid-repeat-auto-primary: auto;
--grid-repeat-flex-primary: 1fr;
}

@media all and (min-width:48em) {

:root {
--place-items-center-proto: center center;
--place-items-premier: stretch stretch;
}

}

/* @end @variables */

/* @group @variables */

:root {
--place-items-start-primary: start start;
--place-items-stretch-primary: stretch stretch;
--place-items-center-primary: center center;
--place-items-v-start-primary: start stretch;
--place-items-v-center-primary: center stretch;
--place-items-h-center-primary: stretch center;

--place-items-premier: center center;
--place-items-deuxieme: center center;
}

@media all and (min-width:48em) {

:root {
--place-items-center-proto: center center;

--place-items-premier: stretch stretch;
--place-items-deuxieme: start stretch;
}

}

/* @end @variables */

/* @group @variables */

:root {
--justify-content-stretch: stretch;
--justify-content-start: start;
--justify-content-center: center;
--justify-content-end: end;
--justify-content-space-between: space-between;
--justify-content-space-evenly: space-evenly;
--align-items-stretch: stretch;
--align-items-start: start;
--align-items-center: center;
--align-items-end: end;
--justify-content-flex-start: flex-start;
--justify-content-flex-end: flex-end;
--align-items-flex-start: flex-start;
--align-items-flex-end: flex-end;
--align-self-center: center;
}

/* @end @variables */

/* --------------------------------------------------------*/


/* @group @variables */

:root {
--text-block-margin-bottom: 1.5rem;
--text-margin-bottom: 1.5rem;
--text-block-font-size: 1rem;
--text-block-line-height: 1.5;
--text-paragraph-line-height: 1.5;
--text-font-weight: var(--text-font-weight);
--text-font-weight-bold: 500;
--text-font-weight-bolder: 600;
--text-font-weight-price-bold: 600;
--body-color: var(--color-text);
--link-transition: all .3s 0s cubic-bezier(.6, .5, .5, .75);
--link-transition-type: all;
--link-transition-time: .2s;
--link-transition-delay: 0s;
--link-transition-cubic-bezier: cubic-bezier(.6, .5, .5, .75);
--link-border-size: 1px;
}


body {
font-family: var(--font-family-default);
font-weight: var(--text-font-weight);
color: var(--body-color);
}

th, strong {
font-weight: var(--text-font-weight-bold);
}

h1 {
margin-top: var(--heading-1-margin-top);
margin-bottom: var(--heading-1-margin-bottom);
font-family: var(--heading-1-font-family);
font-size: var(--heading-1-font-size);
line-height: var(--heading-1-line-height);
color: var(--heading-1-color);
font-weight: var(--heading-1-font-weight);
text-transform: var(--heading-1-text-transform);
word-break: var(--heading-1-word-break);
text-align: var(--heading-1-text-align);
}

h2 {
margin-top: var(--heading-2-margin-top);
margin-bottom: var(--heading-2-margin-bottom);
font-family: var(--heading-2-font-family);
font-size: var(--heading-2-font-size);
line-height: var(--heading-2-line-height);
color: var(--heading-2-color);
font-weight: var(--heading-2-font-weight);
word-break: var(--heading-2-word-break);
text-align: var(--heading-2-text-align);
}

h3 {
margin-top: var(--heading-3-margin-top);
margin-bottom: var(--heading-3-margin-bottom);
font-family: var(--heading-3-font-family);
font-size: var(--heading-3-font-size);
line-height: var(--heading-3-line-height);
color: var(--heading-3-color);
font-weight: var(--heading-3-font-weight);
word-break: var(--heading-3-word-break);
text-align: var(--heading-3-text-align);
}

h4 {
margin-top: var(--heading-4-margin-top);
margin-bottom: var(--heading-4-margin-bottom);
font-family: var(--heading-4-font-family);
font-size: var(--heading-4-font-size);
line-height: var(--heading-4-line-height);
color: var(--heading-4-color);
font-weight: var(--heading-4-font-weight);
word-break: var(--heading-4-word-break);
text-align: var(--heading-4-text-align);
}

figcaption {
margin-top: var(--figcaption-margin-top);
margin-bottom: var(--figcaption-margin-bottom);
font-size: var(--figcaption-font-size);
line-height: var(--figcaption-line-height);
color: var(--figcaption-color);
font-weight: var(--figcaption-font-weight);
word-break: var(--figcaption-word-break);
text-align: var(--figcaption-text-align);
}

p, ul, ol, dl, table {
margin-top: var(--text-block-margin-top);
margin-bottom: var(--text-block-margin-bottom);
margin-right: var(--text-block-margin-right);
margin-left: var(--text-block-margin-left);
color: var(--text-block-color);
font-weight: var(--text-block-font-weight);
}

blockquote {
margin-top: var(--text-blockquote-margin-top);
margin-bottom: var(--text-blockquote-margin-bottom);
}

pre {
margin-top: var(--text-code-margin-top);
margin-bottom: var(--text-code-margin-bottom);
}

figure {
margin-top: var(--text-figure-margin-top);
margin-bottom: var(--text-figure-margin-bottom);
}

a {
transition: var(--link-transition);
}

pre,code{font-family: var(--font-family-pre);}
.a-font-numeric{font-family: var(--font-family-numeric);}

:root {
--text-block-margin-top: 0;
--text-blockquote-margin-top: 0;
--text-code-margin-top: 0;
--text-figure-margin-top: 0;
}

/* @end @variables */

/* @group @variables - text-block */

:root {
--text-block-margin-bottom: 1.5rem;
}

[class*="o-mutual-header"],
[class*="o-root-header"],
[class*="o-mutual-nav"],
[class*="o-mutual-footer"] {
--text-block-margin-bottom: 0;
--heading-1-margin-bottom: 0;
--heading-1-font-size: inherit;
--heading-1-line-height: 1;
--heading-2-margin-bottom: 0;
--heading-2-font-size: inherit;
--heading-2-line-height: 1;
}

/* @end @variables - text-block */

/* --------------------------------------------------------*/

/* @group @variables - text-align */

:root {
--text-align-primary: left;
--text-align-secondary: center;
--text-align-tertiary: right;
}

@media all and (max-width:47.9375em) {

:root {
--text-align-primero: left;
--text-align-segundo: center;
--text-align-right: tercero;
}

}

@media all and (min-width:48em) {

:root {
--text-align-proto: left;
--text-align-deutero: center;
--text-align-trito: right;
--text-align-segundo: left;
}

}

/* @end @variables - text-align */

/* --------------------------------------------------------*/


/* @group @variables - object-position */

:root {
--object-fit-cover: cover;
--object-position-primary: top left;
--object-position-secondary: top center;
--object-position-tertiary: top right;
--object-position-quaternary: center right;
--object-position-quinary: bottom right;
--object-position-senary: bottom center;
--object-position-septenary: bottom left;
--object-position-octonary: center left;
--object-position-novenary: center center;
}

/* @end @variables - object-position */

/* --------------------------------------------------------*/


/* @group @variables - aspect-proportion */

:root {
--aspect-proportion-4-3: 75%;
--aspect-proportion-16-9: 56.25%;
--aspect-proportion-16-10: 62.5%;
--aspect-proportion-3-4: 133.3333333%;
--aspect-proportion-9-16: 177.7777778%;
--aspect-proportion-10-16: 160%;
--aspect-proportion-1-1: 100%; 
}

/* @end @variables - object-position */

/* @group @variables - color */

:root {
--alpha-disabled: .5;
--alpha-placeholder: .5;
--alpha-highlight: .15;
--alpha-marker: .075;
--alpha-modal: .25;
--alpha-transparent: .1;
--alpha-shadow: .25;
--alpha-shadow-link: .125;
--alpha-shadow-action: .25;
--alpha-shadow-active: .375;
--alpha-shadow-white: .625;
--alpha-shadow-white-action: .75;
--alpha-shadow-white-active: .875;
--color-neutral-shadow-lightness: 40;
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-text: hsla(220, 6%, 20%, 1);
--color-text-disabled: hsla(220, 6%, 20%, var(--alpha-disabled));
--color-text-placeholder: hsla(220, 6%, 20%, var(--alpha-placeholder));
--color-text-secomary: var(--color-dimgray);
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-white: hsla(0, 0%, 100%, 1);
--color-white-action: hsla(0, 0%, 90%, 1);
--color-white-active: hsla(0, 0%, 80%, 1);
--color-white-disabled: hsla(0, 0%, 100%, var(--alpha-disabled));
--color-white-border: hsla(0, 0%, 100%, .85);

--color-white-secondary: hsla(0, 0%, 100%, .35);
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-whitesmoke: hsla(220, 5%, 97.5%, 1);
--color-whitesmoke-action: hsla(220, 5%, 97.5%, .75);
--color-whitesmoke-active: hsla(220, 5%, 95%, 1);
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-very-light-gray: hsla(220, 5%, 90%, 1);
--color-very-light-gray-action: hsla(220, 5%, 90%, .75);
--color-very-light-gray-active: hsla(220, 5%, 90%, 1);
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-gainsboro: hsla(220, 5%, 85%, 1);
--color-gainsboro-action: hsla(220, 5%, 85%, .75);
--color-gainsboro-active: hsla(220, 5%, 85%, 1);
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-silver: hsla(220, 5%, 75%, 1);
--color-silver-action: hsla(220, 5%, 70%, 1);
--color-silver-active: hsla(220, 5%, 65%, 1);
--color-silver-disabled: hsla(220, 5%, 75%, var(--alpha-disabled));
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-darkgray: hsla(220, 5%, 60%, 1);
--color-darkgray-action: hsla(220, 5%, 70%, 1);
--color-darkgray-active: hsla(220, 5%, 75%, 1);
--color-darkgray-disabled: hsla(220, 5%, 60%, var(--alpha-disabled));
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-dimgray: hsla(220, 5%, 40%, 1);
--color-dimgray-action: hsla(220, 5%, 50%, 1);
--color-dimgray-active: hsla(220, 5%, 60%, 1);
--color-dimgray-disabled: hsla(220, 5%, 60%%, var(--alpha-disabled));
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-very-dark-gray: hsla(220, 5%, 20%, 1);
--color-very-dark-gray-action: hsla(220, 5%, 30%, 1);
--color-very-dark-gray-active: hsla(220, 5%, 40%, 1);
--color-very-dark-gray-disabled: hsla(220, 5%, 20%, var(--alpha-disabled));
}

/* @end @variables - color */

/* @group @variables - color */

:root {
--color-black: hsla(0, 0%, 0%, 1);
--color-black-action: hsla(0, 0%, 10%, 1);
--color-black-active: hsla(0, 0%, 20%, 1);
--color-black-disabled: hsla(0, 0%, 100%, var(--alpha-disabled));
}

/* @end @variables - color */

/* --------------------------------------------------------*/

/* @group @variables - color */

:root {
--color-highlight: hsla(60, 100%, 50%, 1);
}

/* @end @variables - color */

/* --------------------------------------------------------*/

/* @group @variables - color */

:root {
--color-link: hsla(205, 80%, 45%, 1);
--color-link-border: hsla(205, 80%, 45%, .85);
--color-link-action: hsla(205, 80%, 40%, 1);
--color-link-action-border: hsla(205, 80%, 40%, .85);
--color-link-active: hsla(205, 80%, 35%, 1);
--color-link-active-border: hsla(205, 80%, 35%, .85);
--color-link-disabled: hsla(205, 80%, 45%, var(--alpha-disabled));
}

/* @end @variables - color */

/* --------------------------------------------------------*/

/* @group @variables - css filter */

:root {
--filter-none: none;/* CSS Filter:無し */
--filter-white: brightness(0) invert(1);/* CSS Filter:白 */
}

/* @end @variables - css filter */

/* --------------------------------------------------------*/

/* @group @variables - inner-thrust-push */

@media all and (max-width:47.9375em) {

:root {
--inner-thrust-max-width: 30rem;
--inner-thrust-push: auto;
}

}

/* @end @variables - css filter */