/* @group @variables */

[class*="a-mutual-header-logo"] {
--mutual-header-logo-img-height: 3rem;
}

@media (width >= 30em) { /* 480px -> * */

[class*="a-mutual-header-logo"] {
--mutual-header-logo-img-height: 4.5rem;
}

}

/* @end @variables */

/* @group @a-mutual-header-logo */

[class*="a-mutual-header-logo"] {
position: relative;
z-index: 3;
display: inline-grid;
place-items: center left;
}

[class*="a-mutual-header-logo-img"],
[class*="a-mutual-header-logo-img"][height] {
width: auto;
height: var(--mutual-header-logo-img-height);
filter: var(--mutual-header-logo-filter);
}

/* @end @a-mutual-header-logo */

/* @group @variables */

[class*="a-logo-text"] {
--logo-text-fill: hsl(0deg 0% 100%);
}

[class*="is-fit-sticky"] [class*="a-logo-text"] {
--logo-text-fill: hsl(203.5deg 92.7% 10.8%);
}

/* @end @variables */

/* @group @a-mutual-header-logo */

[class*="a-logo-text"] {
fill: var(--logo-text-fill);
}

/* @end @a-mutual-header-logo *//* @group @variables */

[class*="o-mutual-header"] {
--mutual-header-position: absolute;
--mutual-header-height: 4.5rem;
--mutual-header-body-height: 4.5rem;
--paragraph-line-height: var(--line-height);
}

[class*="is-fit-sticky"] [class*="o-mutual-header"] {
--mutual-header-body-height: 4.5rem;
}

[class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 4.5rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="is-fit-sticky"] [class*="o-mutual-header"] {
--mutual-header-body-height: 6.375rem;
}

[class*="is-watch-nav"] [class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 6.75rem;
}

}

/* @end @variables */

/* @group @o-mutual-header */

[class*="o-mutual-header"] {
position: var(--mutual-header-position);
z-index: 11;
top: 0;
right: 0;
left: 0;
height: var(--mutual-header-height);
background-color: var(--color-white);
}

[class*="o-mutual-header"] a[href^="tel:"] {
--link-color: var(--color-text);
--link-action-color: var(--color-text-action);
--link-active-color: var(--color-text-action);
}

/* @end @a-mutual-header */

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

/* @group @variables */

[class*="m-mutual-header-body"] {
--mutual-header-body-position: absolute;
--mutual-header-body-overflow: hidden;
--mutual-header-body-place-items: center;
--mutual-header-body-grid-template-columns: var(--x-padding-left) 3rem 1fr 3rem var(--x-padding-right);
--mutual-header-body-transform: translateY(0);
--mutual-header-body-backdrop-filter: blur(.125rem);
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
}

[class*="is-watch-nav"] [class*="m-mutual-header-body"] {
--mutual-header-body-overflow: visible;
--mutual-header-body-background-color: hsl(0deg 0% 100% / 90%);
--mutual-header-body-box-shadow: 0 1px 0 0 var(--border-color), 0 1px .5rem 0 hsl(220deg 5% 50% / 50%);
--mutual-header-body-transform: translateY(-15rem);
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
}

[class*="is-watch-nav"][class*="is-fit-sticky"] [class*="m-mutual-header-body"] {
--mutual-header-body-position: fixed;
}

[class*="is-watch-nav"][class*="is-scroll-down"] [class*="m-mutual-header-body"] {
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}

[class*="is-watch-nav"][class*="is-scroll-up"] [class*="m-mutual-header-body"] {
--mutual-header-body-transform: translateY(0);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}


/*[class*="is-fit-sticky"][class*="is-watch-nav"] [class*="m-mutual-header-body"] {
--mutual-nav-body-transform: translateY(0);
--mutual-nav-body-transition: var(--transform-transition), var(--position-wait-transition);
}*/
[class*="m-mutual-header-body"] {
--mutual-header-body-grid-template-columns: var(--x-padding-left) auto 1fr auto auto var(--x-padding-right);
--mutual-header-logo-grid-column: 2;
--mutual-header-info-grid-column: 4;
--mutual-header-contact-grid-column: 5;
}

/* @end @variables */

/* @group @o-mutual-header-body */

[class*="m-mutual-header-body"] {
box-sizing: border-box;
position: var(--mutual-header-body-position);
overflow: var(--mutual-header-body-overflow);
top: 0;
right: 0;
left: 0;
display: grid;
place-items: var(--mutual-header-body-place-items);
grid-template-columns: var(--mutual-header-body-grid-template-columns);
box-shadow: var(--mutual-header-body-box-shadow);
}

[class*="a-mutual-header-logo"] {
grid-column: var(--mutual-header-logo-grid-column);
}

[class*="a-mutual-header-contact"] {
grid-column: var(--mutual-header-contact-grid-column);
}

/* @end @o-mutual-header-body */

/* @group @o-mutual-header-body */

[class*="m-mutual-header-body"] {
width: 100%;
height: var(--mutual-header-body-height);
background-color: var(--mutual-header-body-background-color);
box-shadow: var(--mutual-header-body-box-shadow);
transition: var(--mutual-header-body-transition);
will-change: transform;
transform: var(--mutual-header-body-transform);
-webkit-backdrop-filter: var(--mutual-header-body-backdrop-filter);
backdrop-filter: var(--mutual-header-body-backdrop-filter);
}

@media print {
[class*="m-mutual-header-body"] {
position: absolute;
transform: none;
}

}

/* @end @o-mutual-header-body *//* @group @variables */
/*[class*="a-mutual-header-watch"] {
--header-watch-height: 12rem;
}

@media (width >= 62em) { /* 992px -> * *!/
[class*="a-mutual-header-watch"] {
--header-watch-height: 24rem;
}

}*/

/* @end @variables */

/* @group @a-mutual-header-watch */

[class*="a-mutual-header-watch"] {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: 24rem;
pointer-events: none;
}

/* @end @a-mutual-header-watch *//* @group @m-footer-logo */

[class*="m-footer-logo"] {
display: grid;
justify-content: center;
gap: .75rem;
text-align: center;
}

/* @end @m-footer-logo */

/* @group @a-footer-logo */

[class*="a-footer-logo"] {
}

[class*="a-footer-logo"] img {
width: auto;
height: 6rem;
margin-inline: auto;
/*filter: brightness(0) invert(1);*/
}

/* @end @a-footer-logo *//* @group @variables */

[class*="m-footer-corp-info"] {
}

/* @end @variables */

/* @group @m-footer-corp-info */

[class*="m-footer-corp-info"] {
display: grid;
gap: .75rem;
text-align: center;
}

[class*="a-footer-corp-info"] {
display: grid;
gap: .75rem;
}

/* @end @m-footer-corp-info *//* @group @variables */

[class*="a-footer-copyright"] {
--small-color: var(--color-white);
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
}

/* @end @variables */

/* @group ＠a-footer-copyright */

[class*="a-footer-copyright"] {
align-self: end;
overflow: hidden;
font-size: .625rem;
line-height: 1.2;
text-transform: uppercase;
}

/* @end @a-footer-copyright *//* @group @variables */

[class*="o-mutual-footer"] {
--mutual-footer-gap: 2.25rem;
--mutual-footer-padding: 3rem var(--x-padding-right) 6rem var(--x-padding-left);
--mutual-footer-background-color: var(--color-very-dark-gray);
--head-3-font-size: 1rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 600;
--head-3-color: var(--color-white);
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
--font-size: .875rem;
--line-height: 1.71428571;
--color: var(--color-white);
}

/* @end @variables */

/* @group @o-mutual-footer */

[class*="o-mutual-footer"] {
overflow: hidden;
display: grid;
grid-template-columns: var(--mutual-footer-grid-template-columns);
grid-template-rows: var(--mutual-footer-grid-template-rows);
gap: var(--mutual-footer-gap);
padding: 3rem var(--x-padding-right) 6rem var(--x-padding-left);
background-color: var(--mutual-footer-background-color);
color: var(--color-white);
content-visibility: auto;
contain: layout;
contain-intrinsic-size: 360px 900px; /* Set an intrinsic size (width and height) */
}

/*[class*="a-footer-logo"] {
grid-row: 1;
}

[class*="m-footer-nav-list"] {
grid-row: 2;
}

[class*="a-footer-copyright"] {
grid-row: 3;
}*/

/* @end @m-footer-info *//* @group @variables */

:root {
--page-top-left: var(--x-padding-left);
}

@media (width >= 90em) { /* 1320px -> * */

[class*="a-page-top"] {
--page-top-transform: translateX(-4.125rem);
}

}

[class*="a-page-top"] {
--page-top-icon-size: 3.375rem;
--page-top-opacity: 0;
--page-top-transition: opacity .3s 0s var(--transition-cubic-bezier);
--page-top-link-transition: background-color 0s 0s var(--transition-cubic-bezier);
}

[class*="is-fit-sticky"] [class*="a-page-top"] {
--page-top-opacity: 1;
}

[class*="a-page-top"] a {
--page-top-link-transition: background-color .3s 0s var(--transition-cubic-bezier);
}

/* @end @variables */

/* @group @a-page-top */

[class*="a-page-top"] {
box-sizing: border-box;
position: fixed;
z-index: 3;
z-index: 11;
bottom: 1.5rem;
display: grid;
place-items: center;
left: var(--page-top-left);
width: var(--page-top-icon-size);
height: var(--page-top-icon-size);
background-color: var(--page-top-background-color);
border-radius: .1875rem;
opacity: var(--page-top-opacity);
transition: var(--page-top-transition);
transform: var(--page-top-transform);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

@media print {[class*="a-page-top"] {display: none;}}

[class*="a-page-top"]:before,
[class*="a-page-top"]:after {
content: '';
box-sizing: border-box;
}

[class*="a-page-top"]:before {
position: relative;
z-index: 2;
inset: 0;
display: grid;
width: var(--page-top-icon-size);
height: var(--page-top-icon-size);
background-image: url('/assets/img/sprite-svg.svg#icon-pagetop-white');
background-size: 1.875rem 1.875rem;
background-position: center center;
background-repeat: no-repeat;
}

[class*="a-page-top"]:after {
position: absolute;
z-index: -1;
inset: 0;
display: block;
width: var(--page-top-icon-size);
height: var(--page-top-icon-size);
background-color: var(--page-top-action-background-color);
border-radius: inherit;
transition: transform .3s 0s var(--transition-cubic-bezier);
transform: scaleY(0);
transform-origin: top;
}


[class*="a-page-top"]:focus:after {
transform: scaleY(1);
transform-origin: bottom;
background-origin: bottom;
}

@media (hover: hover) {

[class*="a-page-top"]:hover:after {
transform: scaleY(1);
transform-origin: bottom;
background-origin: bottom;
}

}

/* @end @a-page-top *//* --------------------------------------------------------
utage-reset.css（utageのデフォルトコード）
-------------------------------------------------------- */

/* @group @utage-reset */

dd {margin-block: 0;}

ul,ol{padding-left:0;list-style:none;}

em{font-style: normal;}

a,[title]{text-decoration: none;}

a,a:hover{will-change:opacity;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:hsl(0deg 0% 0% / 0);tap-highlight-color:hsl(0deg 0% 0% / 0);}

a:hover{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-callout:none;}

p, li, dt, dd, th, td {word-wrap: break-word;}

/* @end @utage-reset */

/* @group @variables x-padding */

:root {
--x-padding: calc(5vw + (100% - 68rem) / 2);
--x-padding: clamp(5%, calc((100vw - 68rem) / 2), 68rem);
/*--x-padding: calc(5vw + (6.25 * ((100vw - 62em) / 18)));　NGコード　*/
--x-padding-right: var(--x-padding);
--x-padding-left: var(--x-padding);
}

@supports (padding-top: constant(safe-area-inset-top)) {
:root {
--x-padding-right: calc(env(safe-area-inset-right) + var(--x-padding));
--x-padding-left: calc(env(safe-area-inset-left) + var(--x-padding));
}

}

:root {
--push-margin: clamp(5%, calc((100vw - 50rem) / 2), 50rem);
--push-margin-right: var(--push-margin);
--push-margin-left: var(--push-margin);
}

:root {
--push-secondary-margin: clamp(5%, calc((100vw - 56rem) / 2), 50rem);
--push-secondary-margin-right: var(--push-secondary-margin);
--push-secondary-margin-left: var(--push-secondary-margin);
}

@supports (padding-top: constant(safe-area-inset-top)) {
:root {
--push-margin-right: calc(env(safe-area-inset-right) + var(--push-margin));
--push-margin-left: calc(env(safe-area-inset-left) + var(--push-margin));
}

}

:root {
--footer-margin: clamp(5vw, calc((100vw - 30rem) / 2), 30rem);
--footer-margin-right: var(--footer-margin);
--footer-margin-left: var(--footer-margin);
}

@supports (padding-top: constant(safe-area-inset-top)) {
:root {
--footer-margin-right: calc(env(safe-area-inset-right) + var(--footer-margin));
--footer-margin-left: calc(env(safe-area-inset-left) + var(--footer-margin));
}

}

/* @end @variables x-padding */

/* @group @variables margin */

@media (width >= 48em) { /* 768px -> * */

:root {
--margin-inline-proto: auto;
}

}

@media (width < 48em) { /* 0 -> 767px */

:root {
--margin-inline-primero: auto;
}

}

/* @end @variables margin */

/* @group @variables - text */

:root {
--font-family: var(--font-family-default);
--font-size: inherit;
--line-height: 1.875;
--color: var(--color-text);
--font-weight: 400;
--font-weight-bold: 600;
--font-weight-bold-variation-settings: "wght" var(--font-weight-bold);
--head-1-font-weight: var(--font-weight-bold);
--head-2-font-weight: var(--font-weight-bold);
--head-3-font-weight: var(--font-weight-bold);
--head-4-font-weight: var(--font-weight-bold);
--head-5-font-weight: var(--font-weight-bold);
--strong-font-weight: var(--font-weight-bold);
--emphasis-font-weight: var(--font-weight-bold);
--emphasis-background-image: linear-gradient(transparent 60%, var(--color-primary-highlight) 0%);
}

[class*="o-mutual-header"],
[class*="o-mutual-footer"],
[class*="o-mutual-nav"] {
--head-1-font-size: inherit;
--head-1-line-height: 1;
--head-2-font-size: inherit;
--head-2-line-height: 1;
}

/* @end @variables - text */

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

/* @group @variables - @color */

:root {
--background-color: hsl(220deg 2.5% 97.5%);
--border-color: hsl(220deg 2.5% 85%);
--button-border-color: hsl(220deg 2.5% 50%);
--button-action-border-color: hsl(220deg 2.5% 45%);
--button-activeborder-color: hsl(220deg 2.5% 45%);
--box-shadow-color: hsl(220deg 2.5% 95%);
--color-heading: hsl(220deg 20% 20%);
--color-text: hsl(220deg 10% 20%);
--color-text-action: hsl(220deg 10% 25%);
--color-text-active: hsl(220deg 10% 30%);
--color-text-disabled: hsl(220deg 10% 20% / 50%);
--color-white: hsl(0deg 0% 100%);
--color-white-action: hsl(0deg 0% 90%);
--color-white-active: hsl(0deg 0% 80%);
--focus-visible-outline-color: hsl(40deg 100% 50%);

}

/* @end @variables - @color */

/* @group @variables - @color */

:root {
--color-primary: hsl(43deg 64% 47%);
--color-primary-action: hsl(43deg 64% 42%);
--color-primary-active: hsl(43deg 64% 37%);
--color-primary-highlight: hsl(43deg 64% 47% / 45%);
--color-primary-disabled: hsl(43deg 64% 47% / 50%);
--color-primary-gradient: hsl(44deg 68% 58%);
--color-primary-marker: hsl(44deg 68% 58% / 75%);
--color-primary-background-color: hsl(43deg 64% 96%);
--color-primary-background-action: hsl(43deg 64% 93%);
--color-primary-background-active: hsl(43deg 64% 90%);
--color-primary-background-overlay: hsl(44deg 68% 58% / 50%);
--color-gold-gradient-start: hsla(40deg 55% 42% / 100%);
--color-gold-gradient-middle: hsla(44deg 65% 52% / 100%);
--color-gold-gradient-end: hsla(48deg 78% 68% / 100%);
}

/* @end @variables - @color */

/* @group @variables - @color */

:root {
--color-secondary: hsl(0deg 70% 30%);
--color-secondary-action: hsl(0deg 70% 35%);
--color-secondary-active: hsl(0deg 70% 40%);
--color-secondary-highlight: hsl(0deg 70% 30% / 45%);
--color-secondary-disabled: hsl(0deg 70% 30% / 50%);
--color-secondary-gradient: hsl(0deg 70% 25%);
--color-secondary-marker: hsl(0deg 70% 30% / 75%);
--color-secondary-background-color: hsl(50deg 95% 97.5%);
--color-secondary-background-action: hsl(50deg 95% 97.5%);
--color-secondary-background-active: hsl(50deg 95% 97.5%);
--color-secondary-background-overlay: hsl(50deg 95% 65% / 50%);
}

/* @end @variables - @color */

/* @group @variables - @color */

:root {
--color-emphasis: hsl(355deg 80% 60%);
--color-emphasis-highlight: hsl(355deg 80% 60% / 25%);
}

/* @end @variables - @color */

/* @group @variables - color */

:root {
--page-top-background-color: hsl(58deg 85% 45% / 75%);
--page-top-action-background-color: hsl(58deg 85% 45% / 87.5%);
/*--page-top-background-color: hsl(47deg 93% 57% / 75%);
--page-top-action-background-color: hsl(47deg 93% 57% / 87.5%);*/
}

/* @end @variables - @color */

/* @group @variables - color */

:root {
--color-very-light-gray: hsl(220deg 2.5% 90%);
--color-gainsboro: hsl(220deg 2.5% 85%);
--color-silver: hsl(220deg 2.5% 75%);
--color-darkgray: hsl(220deg 2.5% 50%);
--color-dimgray: hsl(220deg 2.5% 40%);
--color-very-dark-gray: hsl(220deg 2.5% 20%);
}

/* @end @variables - color black */

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

/* @group @variables - transition */

/* @group @variables - transition */

:root {

--transition-time: .3s;
--transition-delay: 0s;
--transition-cubic-bezier: cubic-bezier(.6, .5, .5, .75);

--transform-transition: transform var(--transition-time) 0s var(--transition-cubic-bezier);
--transform-none-transition: transform 0s 0s var(--transition-cubic-bezier);

/* position */
--position-wait-transition: position 0s var(--transition-time) var(--transition-cubic-bezier);
--position-none-transition: position 0s 0s var(--transition-cubic-bezier);

/* 背景色 */
--background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* 背景画像1 */
--background-position-transition: background-position var(--transition-time) 0s var(--transition-cubic-bezier);
/* max-height */
--max-height-transition: max-height var(--transition-time) 0s var(--transition-cubic-bezier);
/* 透過 */
--opacity-transition: opacity var(--transition-time) 0s var(--transition-cubic-bezier);
/* background-color */
--background-color-transition: background-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* background-image */
--background-image-transition: background-image var(--transition-time) 0s var(--transition-cubic-bezier);
/* border-color */
--border-color-transition: border-color var(--transition-time) 0s var(--transition-cubic-bezier);
/* color */
--color-transition: color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-color & color */
--link-primary-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-image & background-color & color */
--link-secondary-transition: background-image var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: color */
--link-proto-transition: color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: border-color & color */
--link-primero-transition: border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* Link: background-color & border-color & color */
--link-premier-transition: background-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), border-color var(--transition-time) 0s cubic-bezier(.6, .5, .5, .75), color var(--transition-time) 0s var(--transition-cubic-bezier);
/* fill color */
--fill-transition: fill var(--transition-time) 0s var(--transition-cubic-bezier);
/* filter color */
--filter-transition: filter var(--transition-time) 0s var(--transition-cubic-bezier);
/* transform & pointer-events */
--transform-pointer-events-transition: transform var(--transition-time) 0s var(--transition-cubic-bezier), pointer-events var(--transition-time) 0s var(--transition-cubic-bezier);
}

/* @end @variables - transition */

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

/* @group variables - @a-media */

:root {
--media-border-radius: .75rem;
}

/* @end variables - @a-media */

/* @group @variables font-family */

:root {
--font-family-heading: 'Shippori Mincho', serif;
--font-family-default: 'Shippori Mincho', serif;
--font-family-sans-serif: 'Hiragino Sans', 'BIZ UDPGothic', system-ui, -apple-system, 'Meiryo', sans-serif;
--font-family-inherit: inherit;
}

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

/* @group @variables */

:root {
--figcaption-margin-top: 0;
--figcaption-margin-bottom: 0;
}

@media (width >= 48em) { /* 768px -> * */

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

}

@media (width < 48em) { /* 0 -> 767px */

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

}

/* @end @variables */

/* @group @variables */

:root {
--body-scroll-padding-top: 1.5rem;
}

@media (width < 48em) { /* 0 -> 767px */

html {
--body-scroll-padding-top: 6rem;
}

}

/* @end @variables */

/* @group @base font-size */

html {
/*font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 320px) / (1280 - 320))), 20px);*/
font-size: clamp(100%, calc(16px + (20 - 16) * ((100vw - 320px) / (1280 - 320))), 112.5%);
}

/* @end @base font-size */

/* @group @variables */

:where(p, ul, dl) em:not([class]) {
--emphasis-background-size: 100% 120%;
--emphasis-background-position: 0 0;
--emphasis-background-repeat: no-repeat;
}

/* @end @variables */

/* @group @variables - transform */

:root {
/* 画像拡大縮小 */
--media-scale-transform: scale(1.2);
}

/* @end @variables - transform */

/* @group @variables - backdrop-filter */

:root {
--backdrop-filter: blur(.125rem);
}

/* @end @variables - backdrop-filter */

/* @group @variables */

:root {
--word-break: break-all;
--overflow-wrap: break-word;
}

@supports (word-break: auto-phrase) {

:root {
--word-break: auto-phrase;
}

}

/* @end @variables */

/* @group @variables */

body {
overflow-x: clip;
min-height: 100vh;
margin: 0;
background-color: hsl(0deg 0% 100%);
font-family: var(--font-family);
color: var(--color);
font-weight: var(--font-weight);
font-variation-settings: var(--font-variation-settings, "wght" var(--font-weight));
font-feature-settings: "palt";
text-box-edge: ideographic;
text-box-trim: both;
text-spacing-property: trim-start;
}

@supports (scroll-behavior:smooth) {

html {
scroll-behavior: smooth;
scroll-padding-top: var(--body-scroll-padding-top);
}

}

@supports (min-height: 100dvh) {
body {min-height: 100dvh;}
}

@supports (word-break: auto-phrase) {
body {word-break: auto-phrase;}
}

/* @end @variables */

/* @group @variables */

*:focus-visible {
outline: 2px dashed var(--focus-visible-outline-color);
outline-offset: .1875rem;
}

/* @end @variables */

/* @group @variables */

section, aside, header, footer, p, ul, ol, li, dl, dt, dd, table, tr, th, td, figure, figure, figcaption, time, blockquote, pre, input, textarea, label, select, button, pre, code, small {
font-family: var(--font-family, inherit);
font-size: var(--font-size, inherit);
line-height: var(--line-height, inherit);
font-weight: var(--font-weight);
font-variation-settings: var(--font-variation-settings, "wght" var(--font-weight));
color: var(--color, inherit);
text-align: var(--text-align, inherit);
letter-spacing: var(--letter-spacing, inherit);
}

/* @end @variables */

/* @group @variables */

:where(p, ul, dl, table) em {
font-size: var(--emphasis-font-size, inherit);
line-height: var(--emphasis-line-height, inherit);
color: var(--emphasis-color, inherit);
font-weight: var(--emphasis-font-weight);
font-variation-settings: var(--emphasis-font-variation-settings, "wght" var(--emphasis--font-weight));
}

:where(p, ul, dl) em:not([class]) {
background-image: var(--emphasis-background-image);
background-size: var(--emphasis-background-size);
background-position: var(--emphasis-background-position);
background-repeat: var(--emphasis-background-repeat);
}

:where(p, ul, dl, table) span {
font-size: var(--span-font-size, inherit);
line-height: var(--span-line-height, inherit);
color: var(--span-color, inherit);
font-weight: var(--span-font-weight, inherit);
font-variation-settings: var(--span-font-variation-settings, "wght" var(--span-font-weight));
}

/* @end @variables */

/* @group @variables */

rt {
font-size: var(--ruby-text-font-size);
line-height: var(--ruby-text-line-height);
color: var(--ruby-text-color, inherit);
font-weight: var(--ruby-text-font-weight, inherit);
font-variation-settings: var(--ruby-text-font-variation-settings, "wght" var(--ruby-text-font-weight));
}

/* @end @variables */

/* @group @variables */

p, ul, ol, dl, table, blockquote, pre, figure {
margin-top: var(--margin-top);
margin-bottom: var(--margin-bottom);
word-break: var(--word-break);
overflow-wrap: var(--overflow-wrap);
}

/* @end @variables */

/* @group @variables */

/* @end @variables */

/* @group @variables */

small {
font-size: var(--small-font-size, inherit);
line-height: var(--small-line-height, inherit);
color: var(--small-color, inherit);
word-break: var(--word-break);
overflow-wrap: var(--overflow-wrap);
text-align: var(--text-align, inherit);
}

/* @end @variables */

/* @group @variables */

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

/* @end @variables */

/* @group @variables */

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, var(--font-weight));
font-variation-settings: var(--figcaption-font-variation-settings, "wght" var(--figcaption-font-weight));
word-break: var(--figcaption-word-break);
text-align: var(--figcaption-text-align);
}

/* @end @variables */

/* @group @variables - @h1 */

h1 {
margin-top: var(--head-1-margin-top);
margin-bottom: var(--head-1-margin-bottom);
font-family: var(--head-1-font-family);
font-size: var(--head-1-font-size);
line-height: var(--head-1-line-height);
color: var(--head-1-color, var(--color));
font-weight: var(--head-1-font-weight, var(--font-weight));
font-variation-settings: var(--head-1-font-variation-settings, "wght" var(--head-1-font-weight));
text-transform: var(--head-1-text-transform);
word-break: var(--head-1-word-break, var(--word-break));
overflow-wrap: var(--head-1-overflow-wrap, var(--overflow-wrap));
text-align: var(--head-1-text-align, var(--text-align));
}

h1 em {
font-family: var(--head-1-emphasis-font-family);
font-size: var(--head-1-emphasis-font-size);
line-height: var(--head-1-emphasis-line-height);
color: var(--head-1-emphasis-color, var(--color));
font-weight: var(--head-1-emphasis-font-weight, var(--font-weight));
font-variation-settings: var(--head-1-emphasis-font-variation-settings, "wght" var(--head-1-emphasis-font-weight));
}

/* @end @variables - @h1 */

/* @group @variables - @h2 */

h2 {
margin-top: var(--head-2-margin-top);
margin-bottom: var(--head-2-margin-bottom);
font-family: var(--head-2-font-family);
font-size: var(--head-2-font-size);
line-height: var(--head-2-line-height);
color: var(--head-2-color, var(--color));
font-weight: var(--head-2-font-weight, var(--font-weight));
font-variation-settings: var(--head-2-font-variation-settings, "wght" var(--head-2-font-weight));
text-transform: var(--head-2-text-transform);
font-style: var(--head-2-font-style);
word-break: var(--head-2-word-break, var(--word-break));
overflow-wrap: var(--head-2-overflow-wrap, var(--overflow-wrap));
text-align: var(--head-2-text-align, var(--text-align));
}

h2 em {
font-family: var(--head-2-emphasis-font-family);
font-size: var(--head-2-emphasis-font-size);
line-height: var(--head-2-emphasis-line-height);
color: var(--head-2-emphasis-color, inherit);
font-weight: var(--head-2-emphasis-font-weight, var(--head-2-font-weight));
font-variation-settings: var(--head-2-emphasis-font-variation-settings, "wght" var(--head-2-emphasis-font-weight));
}

/* @end @variables - @h2 */

/* @group @variables - @h3 */

h3 {
margin-top: var(--head-3-margin-top);
margin-bottom: var(--head-3-margin-bottom);
font-family: var(--head-3-font-family);
font-size: var(--head-3-font-size);
line-height: var(--head-3-line-height);
color: var(--head-3-color, var(--color));
font-weight: var(--head-3-font-weight, var(--font-weight));
font-variation-settings: var(--head-3-font-variation-settings, "wght" var(--head-3-font-weight));
text-transform: var(--head-3-text-transform);
word-break: var(--head-3-word-break, var(--word-break));
overflow-wrap: var(--head-3-overflow-wrap, var(--overflow-wrap));
text-align: var(--head-3-text-align, var(--text-align));
}

h3 em {
font-family: var(--head-3-emphasis-font-family);
font-size: var(--head-3-emphasis-font-size);
line-height: var(--head-3-emphasis-line-height);
font-weight: var(--head-3-emphasis-font-weight, var(--head-3-font-weight));
color: var(--head-3-emphasis-color, var(--color));
font-variation-settings: var(--head-3-emphasis-font-variation-settings, "wght" var(--head-3-emphasis-font-weight));
}

/* @end @variables - @h3 */

/* @group @variables - @h4 */

h4 {
margin-top: var(--head-4-margin-top);
margin-bottom: var(--head-4-margin-bottom);
font-family: var(--head-4-font-family);
font-size: var(--head-4-font-size);
line-height: var(--head-4-line-height);
color: var(--head-4-color, var(--color));
font-weight: var(--head-4-font-weight, var(--font-weight));
font-variation-settings: var(--head-4-font-variation-settings, "wght" var(--head-4-font-weight));
text-transform: var(--head-4-text-transform);
word-break: var(--head-4-word-break, var(--word-break));
overflow-wrap: var(--head-4-overflow-wrap, var(--overflow-wrap));
text-align: var(--head-4-text-align, var(--text-align));
}

h4 em {
font-family: var(--head-4-emphasis-font-family);
font-size: var(--head-4-emphasis-font-size);
line-height: var(--head-4-emphasis-line-height);
color: var(--head-4-emphasis-color, var(--color));
font-weight: var(--head-4-emphasis-font-weight, var(--head-4-font-weight));
font-variation-settings: var(--head-4-emphasis-font-variation-settings, "wght" var(--head-4-emphasis-font-weight));
}

/* @end @variables - @h4 */

/* @group @variables - @h5 */

h5 {
overflow: var(--head-5-overflow);
margin-top: var(--head-5-margin-top);
margin-bottom: var(--head-5-margin-bottom);
font-family: var(--head-5-font-family);
font-size: var(--head-5-font-size);
line-height: var(--head-5-line-height);
color: var(--head-5-color, var(--color));
font-weight: var(--head-5-font-weight, var(--font-weight));
font-variation-settings: var(--head-5-font-variation-settings, "wght" var(--head-5-font-weight));
text-transform: var(--head-5-text-transform);
word-break: var(--head-5-word-break, var(--word-break));
overflow-wrap: var(--head-5-overflow-wrap, var(--overflow-wrap));
text-align: var(--head-5-text-align, var(--text-align));
}

/* @end @variables - @h5 */

/* @group @variables - @link */

a {
color: var(--link-color, hsl(197.5deg 55% 47.5%));
font-weight: var(--font-weight, var(--font-weight));
font-variation-settings: var(--font-variation-settings, "wght" var(--font-weight));
}

:has(h2) a {
font-weight: var(--head-2-font-weight, inherit);
}

:has(h3) a {
font-weight: var(--head-3-font-weight, inherit);
}

:has(h4) a {
font-weight: var(--head-4-font-weight, inherit);
}

:has(h5) a {
font-weight: var(--head-5-font-weight, inherit);
}

a:focus {
color: var(--link-action-color, hsl(197.5deg 55% 42.5%));
}

@media (hover: hover) {

a:hover {
color: var(--link-action-color, hsl(197.5deg 55% 42.5%));
}

}

a:active {
color: var(--link-active-color, hsl(197.5deg 55% 37.5%));
}

a:disabled {
color: var(--link-disabled-color, hsl(197.5deg 55% 47.5% / 50%));
}

/* @end @variables - @link */

/* @group @variables - @button */

button {
color: var(--button-color);
font-weight: var(--font-weight, var(--font-weight));
font-variation-settings: var(--font-variation-settings, "wght" var(--font-weight));
}

button:focus {
color: var(--button-action-color);
}

@media (hover: hover) {

button:hover {
color: var(--button-action-color);
}

}

button:active {
color: var(--button-active-color);
}

button:disabled {
color: var(--button-disabled-color);
}

/* @end @variables - @button */

/* @group @font-face */

@font-face {
font-family: 'Cormorant Garamond';
src: local('Cormorant Garamond'), url("/assets/fonts/CormorantGaramond-VF.woff2") format('woff2');
font-display: optional;
}

/* @end @font-face */

/* @group @variables */

[class*="o-section"] {
--section-padding-block-end: 6rem;
--section-gap: 3.75rem 0;
--section-child-margin-right: var(--x-padding-right);
--section-child-margin-left: var(--x-padding-left);
--section-content-visibility: auto;
--section-contain: layout;
}

/* @end @variables */

/* @group @variables */

[class*="o-section-primo"],
[class*="o-section-secondo"] {
--section-child-margin-right: var(--push-margin-right);
--section-child-margin-left: var(--push-margin-left);
}

/* @end @variables */

/* @group @variables */

[class*="m-section-footer"]:not([class*="m-section-footer-secondary"]) {
--section-child-margin-right: var(--footer-margin-right);
--section-child-margin-left: var(--footer-margin-left);
}

[class*="o-article"],
[class*="o-contact-form"],
[class*="m-fraction"],
[class*="m-company-profile"],
[class*="m-company-history"],
[class*="m-company-profile"],
[class*="m-company-profile"],
[class*="m-privacy"],
[class*="m-company-profile"],
[class*="m-commercial"],
[class*="m-section-footer-secondary"] {
--section-child-margin-right: var(--push-secondary-margin-right);
--section-child-margin-left: var(--push-secondary-margin-left);
}

/* @end @variables */

/* @group @variables */

[class*="o-section-secondary"],
[class*="o-section-deutero"],
[class*="o-section-secondo"],
[class*="o-section-deuxieme"],
[class*="o-section-mission"],
[class*="o-section-reason"],
[class*="o-section-cta"],
[class*="o-section-form"] {
--section-padding-block-start: 4.5rem;
}

/* @end @variables */

/* @group @variables */

[class*="o-section-proto"],
[class*="o-section-deutero"] {
--section-background-color: var(--color-primary-background-color);
}

[class*="o-section-deuxieme"] {
--section-background-color: var(--color-secondary-background-color);
}

/* @end @variables */

/* @group @variables */

[class*="o-section-elfte"] {
--section-child-margin-right: 0;
--section-child-margin-left: 0;
--section-padding-block-start: 3.75rem;
--section-gap: 3.75rem 0;
}

:where([class*="o-section-elfte"]) [class*="m-headline"] {
--section-child-margin-right: var(--x-padding-right);
--section-child-margin-left: var(--x-padding-left);
}

/* @end @variables */

/* @group @variables */

[class*="o-section-cta"] {
--section-gap: 3.75rem 0;
}

/* content-visibilityの指定をモーダル出現時には外す */

:has([class*="a-toggle-modal"]:checked) {
--section-content-visibility: visible;
}

/* @end @variables */

/* @group @variables */

[class*="o-section-primero"] {
--section-background-color: ;
}

/* @end @variables */

/* @group @o-section */

[class*="o-section"] {
position: relative;
z-index: var(--section-z-index);
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--section-gap);
align-self: var(--section-align-self);
padding-block-start: var(--section-padding-block-start);
padding-block-end: var(--section-padding-block-end);
background-color: var(--section-background-color);
background-image: var(--section-background-image);
background-position: 0 0;
background-repeat: var(--section-background-repeat);
background-size: var(--section-background-size);
box-shadow: var(--section-box-shadow);
backface-visibility: hidden;
content-visibility: var(--section-content-visibility);
contain: var(--section-contain);
}

[class*="o-section"]>*:not([class*="a-section-media"]) {
margin-right: var(--section-child-margin-right);
margin-left: var(--section-child-margin-left);
}

[class*="o-article"],
[class*="o-contact-form"],
[class*="m-fraction"],
[class*="m-company-profile"],
[class*="m-company-history"],
[class*="m-company-profile"],
[class*="m-company-profile"],
[class*="m-privacy"],
[class*="m-company-profile"] {
grid-column: var(--section-child-grid-column);
}

[class*="a-section-media"] {
position: absolute;
z-index: -2;
inset: 0;
clip-path: var(--section-media-clip-path);
}

:where([class*="a-section-media"]) img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
filter: var(--section-media-filter);
}

/* @end @o-section */

/* @group @variables */

[class*="m-grid"] {
/*--grid-align-items: start;*/
--grid-template-columns: repeat(1, 1fr);
--grid-gap: 3rem;
}

[class*="m-grille"] {
--grid-template-columns: repeat(1, 1fr);
--grid-gap: 1.5rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-grid-secondary"],
[class*="m-grille-secondary"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
--grid-direction: rtl;
}

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-tertiary"],
[class*="m-grille-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-secondo"],
[class*="m-grille-secondo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-tercero"],
[class*="m-grille-tercero"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-cuarto"],
[class*="m-grille-cuarto"] {
--grid-template-columns: repeat(2, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-grid-segundo"],
[class*="m-grille-segundo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deuxieme"],
[class*="m-grille-deuxieme"] {
--grid-template-columns: repeat(2, 1fr);
--grid-direction: rtl;
}

[class*="m-grid-secondo"],
[class*="m-grille-secondo"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-tercero"],
[class*="m-grille-tercero"] {
--grid-template-columns: repeat(4, 1fr);
}

[class*="m-grid-cuarto"],
[class*="m-grille-cuarto"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @variables */

@media (width >= 48em) { /* 768px -> * */

[class*="m-grid-secondary-rtl"],
[class*="m-grille-secondary-rtl"],
[class*="m-grid-deutero-rtl"],
[class*="m-grille-deutero-rtl"],
[class*="m-grid-deutero-rtl"],
[class*="m-grille-deutero-rtl"],

[class*="m-grid-tertiary-rtl"],
[class*="m-grille-tertiary-rtl"],
[class*="m-grid-secondo-rtl"],
[class*="m-grille-secondo-rtl"],

[class*="m-grid-tercero-rtl"],
[class*="m-grille-tercero-rtl"],
[class*="m-grid-cuarto-rtl"],
[class*="m-grille-cuarto-rtl"] {
--grid-direction: rtl;
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-grid-segundo-rtl"],
[class*="m-grille-segundo-rtl"],
[class*="m-grid-deuxieme-rtl"],
[class*="m-grille-deuxieme-rtl"] {
--grid-direction: rtl;
}

}

/* @end @variables */

/* @group @m-grid */

[class*="m-grid"],
[class*="grille"] {
display: grid;
align-items: var(--grid-align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
order: var(--grid-order);
direction: var(--grid-direction);
}

:where([class*="m-grid"])>* {
overflow: clip;
direction: ltr;
}

/* @end @m-grid */

/* @group @variables */

[class*="a-content-block"] {
--content-block-gap: 0;
--grid-align-content: start;
}

[class*="a-content-block-primary"] {
--content-block-gap: .375rem;
}

[class*="a-content-block-secondary"] {
--content-block-gap: .75rem;
}

[class*="a-content-block-tertiary"] {
--content-block-gap: 1.125rem;
}

[class*="a-content-block-quaternary"] {
--content-block-gap: 1.5rem;
}

[class*="a-content-block-quinary"] {
--content-block-gap: 1.875rem;
}

[class*="a-content-block-senary"] {
--content-block-gap: 2.25rem;
}

[class*="a-content-block-octonary"] {
--content-block-gap: 3rem;
}

/* @end @variables */

/* @group @a-content-block */

[class*="a-content-block"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--content-block-gap);
}

/* @end @a-content-block */

/* @group @a-hidden */

[class*="a-hidden-primary"] {
position: absolute;
z-index: -2;
width: 0;
height: 0;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
}

[class*="a-hidden-proto"] {
position: fixed;
z-index: -2;
width: 0;
height: 0;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
}

/* @end @a-hidden */

/* @group @variables */

[class*="a-hide-primary"] {
--display: none;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-hide-tertiary"] {
--display: none;
}

}

@media (width < 48em) { /* 0 -> 767px */

[class*="a-hide-trito"] {
--display: none;
}

}

/* @end @variables */

/* @group @a-hide */

[class*="a-hide"] {
display: var(--display);
}

/* @end @a-hide */

/* @group @variables */

[class*="a-offscreen-primary"] {
--offscreen-position: absolute;
--offscreen-left: -999em;
}

[class*="a-offscreen-proto"] {
--offscreen-position: fixed;
--offscreen-left: -999em;
}

/* @end @variables */

/* @group @a-offscreen */

[class*="a-offscreen"] {
position: var(--offscreen-position);
z-index: var(--offscreen-z-index);
left: var(--offscreen-left);
}

/* @end @a-offscreen */

/* @group @a-media-primary */

:where([class*="a-media-primary"]) img {
width: 100%;
}

[class*="a-media-primary"],
:where([class*="a-media-primary"]) img {
border-radius: var(--media-border-radius);
}

/* @end @a-media-primary */

/* @group @a-media-secondary */

[class*="a-media-secondary"] {
border: 1px solid var(--border-color);
}

:where([class*="a-media-secondary"]) img {
width: 100%;
}

/* @end @a-media-secondary */

/* @group @variables */

[class*="a-aspect-ratio-16-9"],
[class*="a-aspect-ratio-zoom-16-9"] {
--aspect-ratio: 16 / 9;
}

[class*="a-aspect-ratio-16-10"],
[class*="a-aspect-ratio-zoom-16-10"] {
--aspect-ratio: 16 / 10;
}

[class*="a-aspect-ratio-4-3"],
[class*="a-aspect-ratio-zoom-4-3"] {
--aspect-ratio: 4 / 3;
}

[class*="a-aspect-ratio-3-4"],
[class*="a-aspect-ratio-zoom-3-4"] {
--aspect-ratio: 3 / 4;
}

[class*="a-aspect-ratio-1-1"],
[class*="a-aspect-ratio-zoom-1-1"] {
--aspect-ratio: 1 / 1;
}

[class*="a-aspect-ratio-320-233"] {
--aspect-ratio: 320 / 233;
}

/* @end @variables */

/* @group @a-aspect-ratio */

[class*="a-aspect-ratio"] {
overflow: hidden;
aspect-ratio: var(--aspect-ratio);
}

[class*="a-aspect-ratio-zoom"] {
overflow: visible;/* vanilla-zoomなど使う時にはoverflow: hiddenは外す */
}

:where([class*="a-aspect-ratio"]) iframe,
:where([class*="a-aspect-ratio"]) img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: var(--aspect-ratio);
border-radius: var(--border-radius);
transition: var(--transition);
object-fit: cover;
object-position: center center;
}

/* @end @a-aspect-ratio */

/* @group @variables */

[class*="a-media-grid"] {
--grid-align-items: start;
--grid-template-columns: repeat(1, 1fr);
--grid-gap: 2.25rem;
}

[class*="a-media-grid-segundo"] {
--grid-gap: 1.5rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-media-grid-secondary"],
[class*="a-media-grid-segundo"]  {
--grid-template-columns: repeat(2, 1fr);
}

}

/* @end @variables */

/* @group @a-media-grid */

[class*="a-media-grid"] {
display: grid;
align-items: var(--grid-align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
order: var(--grid-order);
direction: var(--grid-direction);
}

:where([class*="a-media-grid"])>* {
overflow: clip;
display: contents;
direction: ltr;
}

:where([class*="a-media-grid"]) img {
width: 100%;
}

/* @end @a-media-grid */

/* @group @variables */

[class*="a-media-radius"] {
--media-border-radius: .375rem;
}

[class*="a-media-radius"] {
--media-border-radius: .375rem;
}

[class*="a-media-radius"] {
--media-border-radius: .375rem;
}

/* @end @variables */

/* @group @a-media-radius */

[class*="a-media-radius"],
:where([class*="a-media-radius"]) img {
border-radius: var(--media-border-radius);
}

[class*="a-media-radius-secondary"] {
border: 1px solid var(--border-color);
}

/* @end @a-media-radius */

/* @group @width / height */

[class*="a-svg-icon"],
[class*="a-svg-"] {
box-sizing: border-box;
width: var(--icon-width);
height: var(--icon-height);
margin-block: var(--icon-margin-block);
margin-inline: var(--icon-margin-inline);
fill: var(--icon-fill);
opacity: var(--icon-opacity);
stroke: var(--icon-stroke);
stroke-width:var(--icon-stroke-width);
stop-color: var(--icon-stop-color);
will-change: transform;
transform: var(--icon-transform);
transform-origin: center;
transition: var(--icon-transition);
}

/* @end @width / height */

/* @group @a-ruby-flat */

[class*="a-ruby-flat"] {
display: inline;
}

[class*="a-ruby-flat"] rt,
[class*="a-ruby-flat"] rp {
display: inline;
}

/* @end @a-ruby-flat */

/* @group @variables */

:root {
--line-clamp-base: 1.5;
}

[class*="a-line-clamp-3"] {
--line-clamp-line: 3;
}

/* @end @variables */

/* @group @a-line-clamp */

[class*="a-line-clamp"] {
position: relative;
/*overflow: hidden;*/
overflow: clip;
display: -webkit-box;
max-height: calc(var(--line-clamp-base) * var(--line-clamp-line));
-webkit-line-clamp: var(--line-clamp-line);
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

/* @end @a-line-clamp */

/* @group @a-word-break */

[class*="a-word-break-primary"],
[class*="a-word-break-deuxieme"],
[class*="a-word-break-toryism"] {
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="a-word-break-premier"] {
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
}

[class*="a-word-break-primo"] {
--font-weight: 500;
--text-align: center;
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="a-word-break-secondo"] {
--font-weight: 600;
--text-align: center;
--word-break: keep-all;
--overflow-wrap: anywhere;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-word-break-proto"] {
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="a-word-break-deuxieme"] {
--text-align: center;
}

}

@media (width < 48em) { /* 0 -> 767px */

[class*="a-word-break-primero"] {
--word-break: keep-all;
--overflow-wrap: anywhere;
}

[class*="a-word-break-toryism"] {
--text-align: center;
}

}

/* @end @a-word-break */

/* @group @variables */

[class*="a-font-numeric"] {font-family: var(--font-family-numeric);}

/* @end @variables */

/* @group @a-line-break-primary */

[class*="a-line-break"] {display: inline-block;}

/* @end @a-line-break-primary */

/* @group @variables */

[class*="a-emphasis-effect-slide-in"] {
--emphasis-action-background-color: var(--color-emphasis-highlight);
--emphasis-color: var(--color-emphasis);
--emphasis-start-position: 50%;
--emphasis-animation-time: 1s .5s;
}

/* @end @variables */

/* @group @a-emphasis */

[class*="a-emphasis-effect-slide-in"] {
background-image: linear-gradient(transparent var(--emphasis-start-position), var(--emphasis-action-background-color) 0%);
background-size: 0 120%;
background-position: 0 0;
background-repeat: no-repeat;
}

[class*="is-emphasis-effect-slide-in"] {
will-change: background-size;
animation: emphasisMarker var(--emphasis-animation-time) ease;
animation-fill-mode: forwards;
}

/* @end @a-emphasis */

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

/* @group @emphasisMarker */

@keyframes emphasisMarker {
0% {background-size: 0 120%;}
100% {background-size: 100% 120%;}
}

/* @end @emphasisMarker */

/* @group @a-animation-fadein */

[class*="a-loading-effect-cuff-in"] {
clip-path: inset(0 100% 0 0);
}

[class*="is-loading-effect-cuff-in"] {
will-change: clip-path;
animation: cuffIn .75s .25s  cubic-bezier(.6, .5, .5, .75);
animation-fill-mode: forwards;
}

@media print {
[class*="a-loading-effect-cuff-in"] {
opacity: 1;
clip-path: inset(0);
}

}

/* @end @a-animation-fadein */

/* @group @variables */

:root {
/*--unordered-list-background-image: url('/assets/img/sprite-svg.svg#icon-arrow-right');
--unordered-list-padding-left: 1rem;
--unordered-list-background-position: 0 .5625rem;
--unordered-list-background-size: .5rem .5rem;*/

--unordered-list-background-image: url('/assets/img/sprite-svg.svg#icon-list-mark');
--unordered-list-padding-left: 1.25rem;
--unordered-list-background-position: 0 .5rem;
--unordered-list-background-size: 1rem 1rem;
}

[class*="o-mutual-footer"] {
--unordered-list-background-image: url('/assets/img/sprite-svg.svg#icon-list-mark-white');
}

/* @end @variables */

/* @group @m-content-list */

:where(ul:not([class])) {
position: relative;
z-index: 2;
display: grid;
grid-auto-columns: 1fr;
gap: .375rem;
align-content: start;
}

:where(ul:not([class]))>li {
padding-left: var(--unordered-list-padding-left);
background-image: var(--unordered-list-background-image);
background-position: var(--unordered-list-background-position);
background-repeat: no-repeat;
background-size: var(--unordered-list-background-size);
}

/* @end @m-content-list */

/* @group @variables */

:where(ol:not([class])) {
--ordered-list-detail-padding-left: 1.875rem;
--ordered-list-detail-counter-width: 1.125rem;
}

:where(ol:not([class])):has(:nth-child(n+10)) {
--ordered-list-detail-padding-left: 2.25rem;
--ordered-list-detail-counter-width: 1.6875rem;
}

/* @end @variables */

/* @group @m-counter-list */

:where(ol:not([class])) {
position: relative;
display: grid;
grid-auto-flow: row;
gap: .375rem;
align-content: start;
counter-reset: li-entry;
}

:where(ol:not([class]))>li {
position: relative;
counter-increment: li-entry;
padding-left: var(--ordered-list-detail-padding-left);
}

:where(ol:not([class]))>li:before {
box-sizing: border-box;
content: counter(li-entry)'.';
position: absolute;
top: 0;
left: 0;
display: grid;
width: var(--ordered-list-detail-counter-width);
speak: none;
text-align: right;
}

/* @end @m-counter-list */

/* @group @variables - @list */

[class*="m-note-list"] {
--content-list-gap: .375rem;
--note-list-mark-size: 1rem;
--note-list-font-size: 1rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-primary"] {
--note-list-font-size: .625rem;
--note-list-line-height: 1.8;
}

[class*="m-note-list-secondary"] {
--note-list-font-size: .75rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-tertiary"] {
--note-list-font-size: .875rem;
--note-list-line-height: 1.71428571;
}

/* @end @variables - @list */

/* @group @m-note-list */

[class*="m-note-list"] {
display: grid;
align-self: start;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-list-gap);
padding: var(--note-list-padding);
background-color: var(--note-list-background-color);
}

[class*="m-note-list"]>li {
position: relative;
display: block;
padding-left: var(--note-list-mark-size);
font-size: var(--note-list-font-size);
line-height: var(--note-list-line-height);
}

[class*="m-note-list"]>li:before {
content: '※';
position: absolute;
top: 0;
left: 0;
}

/* @end @m-note-list */

/* @group @variables */

[class*="m-check-note-list"] {
--check-criterion-size: 1rem;
--unordered-list-min-height: var(--check-criterion-size);
--unordered-list-background-image: url('/assets/img/sprite-svg.svg#icon-check-primary');
--unordered-list-padding-left: 1.375rem;
--unordered-list-background-position: 0 0;
--unordered-list-background-size: var(--check-criterion-size) auto;
--line-height: 1.5;
}

/* @end @variables */

/* @group @m-check-note-list */

[class*="m-check-note-list"] {
position: relative;
z-index: 2;
display: grid;
grid-auto-columns: 1fr;
gap: .375rem;
align-content: start;
}

:where([class*="m-check-note-list"])>li {
position: relative;
padding-top: var(--unordered-list-padding-top);
padding-left: var(--unordered-list-padding-left);
}

:where([class*="m-check-note-list"])>li:before {
content: '';
position: absolute;
top: .25rem;
left: 0;
width: var(--check-criterion-size);
height: var(--check-criterion-size);
background-image: var(--unordered-list-background-image);
background-position: var(--unordered-list-background-position);
background-repeat: no-repeat;
background-size: var(--unordered-list-background-size);
border-radius: 99rem;
}

/* @end @m-check-note-list */

/* @group @variables */

[class*="m-checkmark-list"] {
--checkmark-list-gap: .75rem;
--checkmark-criterion-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem);
--unordered-list-min-height: var(--checkmark-criterion-size);
--unordered-list-background-image: url('/assets/img/sprite-svg.svg#icon-check-primary');
--unordered-list-padding-left: calc(var(--checkmark-criterion-size) + clamp(.375rem, 0.881rem + 0.6vw, .75rem));
--unordered-list-background-position: 0 0;
--unordered-list-background-size: var(--checkmark-criterion-size) auto;
--font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);/* 16-20 to 320-1440 */
--line-height: 1.5;
}

[class*="m-checkmark-list-secondary"] {
--checkmark-list-gap: 1.875rem;
--checkmark-list-width: fit-content;
--checkmark-list-margin-inline: auto;
}

/* @end @variables */

/* @group @m-checkmark-list */

[class*="m-checkmark-list"] {
position: relative;
z-index: 2;
display: grid;
grid-auto-columns: 1fr;
gap: var(--checkmark-list-gap);
width: var(--checkmark-list-width);
align-content: start;
margin-inline: var(--checkmark-list-margin-inline);
}

:where([class*="m-checkmark-list"])>li {
position: relative;
min-height: var(--unordered-list-min-height);
min-height: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
padding-top: var(--unordered-list-padding-top);
padding-left: var(--unordered-list-padding-left);
}

:where([class*="m-checkmark-list"])>li:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: var(--checkmark-criterion-size);
height: var(--checkmark-criterion-size);
background-image: var(--unordered-list-background-image);
background-position: var(--unordered-list-background-position);
background-repeat: no-repeat;
background-size: var(--unordered-list-background-size);
border-radius: 99rem;
}

/* @end @m-checkmark-list */

/* @group @variables - @list */

[class*="m-around-list"] {
--around-list-grid-template-columns: auto 1fr;
--around-list-dt-grid-column: 1;
--around-list-dd-grid-column: 2;
--around-list-gap: .375rem .75rem;
}

[class*="m-around-list"] dt {
--font-weight: var(--font-weight-bold);
}

/* @end @variables - @list */

/* @group @m-around-list */

[class*="m-around-list"] {
display: grid;
align-items: var(--around-list-align-items);
grid-template-columns: var(--around-list-grid-template-columns);
gap: var(--around-list-gap)
}

[class*="m-around-list"] dt {
grid-column: var(--around-list-dt-grid-column);
min-width: var(--around-list-min-width);
}

[class*="m-around-list"] dd {
grid-column: var(--around-list-dd-grid-column);
}

/* @end @m-around-list */

/* @group @variables - @list */

[class*="m-info-list"] {
--info-list-grid-template-columns: 1fr auto;
--info-list-dt-grid-column: 1;
--info-list-dd-grid-column: 2;
--info-list-box-shadow: 0 1px 0 0 var(--border-color), inset 0 1px 0 0 var(--border-color);
--info-list-dt-padding: .375rem .375rem;
--info-list-dd-padding: .375rem .375rem .375rem 0;
--info-list-dt-box-shadow: inset 0 1px 0 0 var(--border-color);
--info-list-dd-box-shadow: 0 1px 0 0 var(--border-color);
}

[class*="m-info-list-secondary"] {
--info-list-grid-template-columns: 7.5rem 1fr;
}

[class*="m-info-list"] dt {
--font-weight: var(--font-weight-bold);
}

[class*="m-info-list"] dt:first-of-type {
--info-list-dt-box-shadow: none;
}

/* @end @variables - @list */

/* @group @m-info-list */

[class*="m-info-list"] {
display: grid;
align-self: start;
grid-template-columns: var(--info-list-grid-template-columns);
box-shadow: var(--info-list-box-shadow);
}

[class*="m-info-list"] dt {
grid-column: var(--info-list-dt-grid-column);
width: var(--info-list-dt-width);
padding: var(--info-list-dt-padding);
box-shadow: var(--info-list-dt-box-shadow);
}

[class*="m-info-list"] dd {
grid-column: var(--info-list-dd-grid-column);
padding: var(--info-list-dd-padding);
box-shadow: var(--info-list-dd-box-shadow);
}

/* @end @m-info-list */

/* @group @variables - @link */

:root {
--button-color: var(--color-text);
--button-action-color: var(--color-text-action);
--button-active-color: var(--color-text-active);
--button-disabled-color: var(--color-text-disabled);
}

/* @end @variables - @a-link */

/* @group @a-link-primary */

:where(button):not([class]):not(:has(img)) {
margin-bottom: calc(-1 * var(--button-padding-bottom, -.25rem));
padding-bottom: var(--button-padding-bottom, .25rem);
background-image: linear-gradient(var(--button-border-color, var(--color-text-action)), var(--button-border-color, var(--color-text-action)));
background-position: var(--button-background-position, 0 100%);
background-repeat: no-repeat;
background-size: var(--button-background-size, 0 1px);
transition: background-color .3s 0s var(--transition-cubic-bezier), background-size .3s 0s var(--transition-cubic-bezier), color .3s 0s var(--transition-cubic-bezier);
}

:where(button):not([class]):not(:has(img)):focus {
background-size: var(--button-action-background-size, 100% 1px);
text-decoration: none;
}

@media (hover: hover) {
:where(button):not([class]):not(:has(img)):hover {
background-size: var(--button-action-background-size, 100% 1px);
text-decoration: none;
}

}

:where(button):not([class]):not(:has(img)):active {
background-image: linear-gradient(var(--link-border-color, hsl(197.5deg 55% 47.5%)), var(--link-border-color), hsl(197.5deg 55% 47.5%));
text-decoration: none;
}

/* @end @a-link-primary */

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

/* @group variables - @a-btn-link */

:root {
--btn-grid-template-columns: clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem) 1fr;
--btn-gap: .375rem;
--btn-icon-grid-column: 1;
--btn-text-grid-column: 2;
--btn-width: 100%;
--btn-height: 4.5rem;
--btn-padding: 0 clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem);
--btn-font-size: clamp(1rem, 0.881rem + 0.6vw, 1.25rem);
--btn-line-height: 1.25;
--btn-font-weight: var(--font-weight-bold);
--btn-font-weight: 700;
/*--btn-text-shadow: 0.7px 0.7px hsl(58deg 85% 35%), 1px 0 hsl(58deg 85% 35%), 0.7px -0.7px hsl(58deg 85% 35%), 0 -1px hsl(58deg 85% 35%), -0.7px -0.7px hsl(58deg 85% 35%), -1px 0 hsl(58deg 85% 35%), -0.7px 0.7px hsl(58deg 85% 35%), 0 1px hsl(58deg 85% 35%);*/
--btn-transition: color .1875s .0625s cubic-bezier(.6, .5, .5, .75), filter .25s 0s var(--transition-cubic-bezier);
}

@media (width >= 48em) { /* 768px -> * */

:root {
--btn-grid-template-columns: clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem) 1fr clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem);
}

}

:root {
--btn-transition: color .1875s .0625s cubic-bezier(.6, .5, .5, .75), filter .25s 0s var(--transition-cubic-bezier);
--btn-before-transform: skewX(-25deg) scaleX(0);
--btn-before-transform-origin: right;
--btn-before-action-transform: skewX(-25deg) scaleX(1.5);
--btn-before-action-transform-origin: left;
--btn-before-transition: transform .25s 0s var(--transition-cubic-bezier);
}

:root {
--btn-icon-width: clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem);
--btn-icon-height: clamp(1.5rem, 1.143rem + 1.79vw, 2.25rem);
--btn-link-transform: translateX(.25rem);
--btn-icon-transition: var(--link-premier-transition);
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-premier"] {
--btn-text-grid-column: 1;
--btn-grid-template-columns: 1fr;
--btn-height: 2.625rem;
--btn-padding: 0 .75rem;

--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-primary-action);
--btn-disabled-background-color: var(--color-primary-disabled);
--btn-border-color: var(--button-border-color);
--btn-action-border-color: var(--color-border-color);
--btn-active-border-color: var(--color-border-color);
--btn-border-radius: 99rem;
--btn-color: var(--color-text);
--btn-action-color: var(--color-white);
--btn-active-color: var(--color-white);
--btn-disabled-color: var(--color-white);

--btn-font-size: .875rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

@media (width >= 30em) { /* 480px -> * */

[class*="a-btn-link-premier"] {
--btn-padding: 0 1.125rem;
}

}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-deuxieme"] {
--btn-grid-template-columns: 1rem 1fr;
--btn-height: 2.625rem;
--btn-padding: 0 1.125rem;
--btn-font-size: .875rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-primary"] {
--btn-text-grid-column: 1;
--btn-grid-template-columns: 1fr;
--btn-height: 3rem;
--btn-padding: 0 1.125rem;
--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-primary-action);
--btn-disabled-background-color: var(--color-primary-disabled);
--btn-border-color: var(--button-border-color);
--btn-action-border-color: var(--color-border-color);
--btn-active-border-color: var(--color-border-color);
--btn-border-radius: 99rem;
--btn-color: var(--color-text);
--btn-action-color: var(--color-white);
--btn-active-color: var(--color-white);
--btn-disabled-color: var(--color-text-disabled);
--btn-font-size: 1.25rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-mutual-header"] {
--btn-text-grid-column: 1;
--btn-grid-template-columns: 1fr;
--btn-height: 2.25rem;
--btn-padding: 0 1.125rem;
--btn-background-color: var(--color-primary);
--btn-action-background-color: var(--color-primary-action);
--btn-disabled-background-color: var(--color-primary-disabled);
--btn-border-radius: 99rem;
--btn-color: var(--color-white);
--btn-action-color: var(--color-white);
--btn-active-color: var(--color-white);
--btn-font-size: 1rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-secondary"] {
--btn-text-grid-column: 1;
--btn-grid-template-columns: 1fr;
--btn-height: 3rem;
--btn-padding: 0 1.125rem;
--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-secondary-action);
--btn-disabled-background-color: var(--color-secondary-disabled);
--btn-border-color: var(--button-border-color);
--btn-action-border-color: var(--color-border-color);
--btn-active-border-color: var(--color-border-color);
--btn-border-radius: 99rem;
--btn-color: var(--color-text);
--btn-action-color: var(--color-white);
--btn-active-color: var(--color-white);
--btn-disabled-color: var(--color-text-disabled);
--btn-font-size: 1.25rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link-deutero"] {
--btn-grid-template-columns: 1rem 1fr;
--btn-height: 3rem;
--btn-padding: 0 1.125rem;
--btn-font-size: 1.25rem;
--btn-line-height: 1.5;
--btn-icon-width: 1rem;
--btn-icon-height: 1rem;
}

/* @end variables - @a-btn-link */

/* @group @a-btn-link */

[class*="a-btn-link"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 3;
display: grid;
align-content: center;
align-items: center;
grid-template-columns: var(--btn-grid-template-columns);
gap: var(--btn-gap);
width: var(--btn-width);
height: var(--btn-height);
margin-inline: var(--btn-margin-inline);
padding: var(--btn-padding);
background-image: var(--btn-background-image);
background-color: var(--btn-background-color, var(--color-primary));
background-position: var(--btn-background-position);
background-size: var(--btn-background-size);
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
border-color: var(--btn-border-color, transparent);
border-radius: var(--btn-border-radius);
font-family: var(--font-family-default);
font-size: var(--btn-font-size);
line-height: var(--btn-line-height);
font-weight: var(--btn-font-weight);
color: var(--btn-color, var(--color));
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
text-decoration: none;
text-shadow: var(--btn-text-shadow);
direction: var(--btn-direction);
transition: var(--btn-transition);
backface-visibility: hidden;
direction: var(--btn-direction);
}

[class*="a-btn-link"]:focus {
border-color: var(--btn-action-border-color, transparent);
color: var(--btn-action-color, var(--color));
}

@media (hover: hover) {
[class*="a-btn-link"]:not(:disabled):hover {
border-color: var(--btn-action-border-color, transparent);
color: var(--btn-action-color, var(--color));
}

}

[class*="a-btn-link"]:active {
border-color: var(--btn-active-border-color, transparent);
color: var(--btn-active-color, var(--color));
}

[class*="a-btn-link"]:before {
content: '';
position: absolute;
z-index: -1;
inset: -.5rem;
background-color: var(--btn-action-background-color, var(--color-primary-action));
will-change: transform;
transform: var(--btn-before-transform);
transform-origin: var(--btn-before-transform-origin);
backface-visibility: hidden;
transition: var(--btn-before-transition);
}

[class*="a-btn-link"]:disabled {
color: var(--btn-disabled-color);
}

[class*="a-btn-link"]:not(:disabled):hover:before,
[class*="a-btn-link"]:focus:before {
will-change: transform;
transform: var(--btn-before-action-transform);
transform-origin: var(--btn-before-action-transform-origin);
}

@media (hover: hover) {
[class*="a-btn-link"]:hover {
backface-visibility: hidden;
}

}

[class*="a-btn-link"]>span {
position: relative;
z-index: 2;
grid-column: var(--btn-text-grid-column);
direction: rtl;
transition: inherit;
}

[class*="a-btn-link"]>svg {
grid-column: var(--btn-icon-grid-column);
}

[class*="a-btn-link"]>svg,
[class*="a-btn-link"]>span {
grid-row: 1;
transition: inherit;
}

[class*="a-btn-link"]>svg {
width: var(--btn-icon-width);
height: var(--btn-icon-height);
fill: currentColor;
transition: var(--btn-icon-transition);
}

/* @end @a-btn-link */

/* @group @variables - @link */

:root {
--link-border-color: hsl(197.5deg 55% 42.5%);
--link-action-border-color: hsl(197.5deg 55% 42.5%);
--link-active-border-color: hsl(197.5deg 55% 37.5%);

--link-color: hsl(197.5deg 55% 37.5%);
--link-action-color: hsl(197.5deg 55% 32.5%);
--link-active-color: hsl(197.5deg 55% 27.5%);
--link-disabled-color: hsl(0deg 0% 90% / 50%);
}

:where([class*="o-mutual-footer"]) {
--link-border-color: hsl(0deg 0% 90%);
--link-action-border-color: hsl(0deg 0% 85%);
--link-active-border-color: hsl(0deg 0% 75%);

--link-color: hsl(0deg 0% 100%);
--link-action-color: hsl(0deg 0% 90%);
--link-active-color: hsl(0deg 0% 80%);
--link-disabled-color: hsl(0deg 0% 100% / 50%);
}

/* @end @variables - @a-link */

/* @group @variables - @link */

:root {
--link-padding-bottom: .25rem;
--link-background-position: 0 100%;
--link-background-size: 0 1px;
--link-action-background-size: 100% 1px;
/*--link-background-position: 100% 100%;
--link-background-size: 100% 1px;
--link-action-background-size: 0 1px;*/
}

:where([class*="o-mutual-nav"] [class*="is-active"]) {
--link-background-size: 100% 1px;
}

/* @end @variables - @a-link */

/* @group @a-link-primary */

:where(a):not([class]):not(:has(img)):not(:has(svg)),
[class*="a-link-primary"] {
box-decoration-break: clone;
margin-bottom: calc(-1 * var(--link-padding-bottom));
padding-bottom: var(--link-padding-bottom);
background-image: linear-gradient(var(--link-border-color), var(--link-border-color));
background-position: var(--link-background-position);
background-repeat: no-repeat;
background-size: var(--link-background-size);
color: var(--link-color);
transition: background-size .3s 0s var(--transition-cubic-bezier), color .3s 0s var(--transition-cubic-bezier);
}

:where(a):not([class]):not(:has(img)):not(:has(svg)):focus,
[class*="a-link-primary"]:focus {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

@media (hover: hover) {

:where(a):not([class]):not(:has(img)):not(:has(svg)):hover,
[class*="a-link-primary"]:hover {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

}

:where(a):not([class]):not(:has(img)):not(:has(svg)):active,
[class*="a-link-primary"]:active {
border-bottom-color: var(--link-active-color);
color: var(--link-active-color);
text-decoration: none;
}

:where(a):not([class]):not(:has(img)):not(:has(svg)):disabled,
[class*="a-link-primary"]:disabled {
color: var(--link-disabled-color);
}

/* @end @a-link-primary */

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

/* @group @variables - @link */

:root {
--button-color: var(--color-text);
--button-action-color: var(--color-text-action);
--button-active-color: var(--color-text-active);
--button-disabled-color: var(--color-text-disabled);
}

/* @end @variables - @a-link */

/* @group @a-link-primary */

:where(button):not([class]):not(:has(img)) {
margin-bottom: calc(-1 * var(--button-padding-bottom, -.25rem));
padding-bottom: var(--button-padding-bottom, .25rem);
background-image: linear-gradient(var(--button-border-color, var(--color-text-action)), var(--button-border-color, var(--color-text-action)));
background-position: var(--button-background-position, 0 100%);
background-repeat: no-repeat;
background-size: var(--button-background-size, 0 1px);
transition: background-size .3s 0s var(--transition-cubic-bezier), color .3s 0s var(--transition-cubic-bezier);
}

:where(button):not([class]):not(:has(img)):focus {
background-size: var(--button-action-background-size, 100% 1px);
text-decoration: none;
}

@media (hover: hover) {
:where(button):not([class]):not(:has(img)):hover {
background-size: var(--button-action-background-size, 100% 1px);
text-decoration: none;
}

}

:where(button):not([class]):not(:has(img)):active {
background-image: linear-gradient(var(--link-border-color, hsl(197.5deg 55% 47.5%)), var(--link-border-color), hsl(197.5deg 55% 47.5%));
text-decoration: none;
}

/* @end @a-link-primary */

/* @group @a-mutual-header-search-close */

[class*="a-nav-search-close"],
[class*="a-nav-account-close"] {
position: fixed;
z-index: 13;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
visibility: hidden;
pointer-events: none;
transition: var(--transition);
}

[class*="a-search-toggle"]:checked ~ [class*="a-nav-search-close"],
[class*="a-account-toggle"]:checked ~ [class*="a-nav-account-close"] {
/*z-index: 13;*/
visibility: visible;
/*background-color: hsl(30deg 5% 20% / .125);*/
pointer-events: auto;
}

/* @end @a-mutual-header-search-close */

/* @group @variables */

[class*="o-page-hero"] {
--page-hero-grid-template-columns: var(--x-padding-left) 1fr var(--x-padding-right);
--page-hero-grid-template-rows: 2.25rem auto 2.25rem;
/*--page-hero-background-color: var(--color-quaternary); */
--page-hero-background-image: linear-gradient(75deg, var(--color-gold-gradient-start) 0%, var(--color-gold-gradient-middle) 45%, var(--color-gold-gradient-end) 100%);
/*--page-hero-background-image: linear-gradient(-75deg, hsl(45deg 80% 90%) 0%, var(--color-quaternary) 100%); */
/*--page-hero-background-image: radial-gradient(circle, hsl(45deg 80% 90%) 0%, var(--color-quaternary) 50%); */
}

/* @end @variables */

/* @group @m-page-hero */

[class*="o-page-hero"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 2;
display: grid;
justify-content: center;
grid-template-columns: var(--page-hero-grid-template-columns);
grid-template-rows: var(--page-hero-grid-template-rows);
gap: var(--page-hero-gap);
padding-top: 6rem;
background-color: var(--page-hero-background-color);
background-image: var(--page-hero-background-image);
background-position: 40% 60%;
}

[class*="m-page-hero-body"] {
grid-column: 2;
grid-row: 2;
}

/* @end @m-page-hero */

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

/* @group @variables */

[class*="m-page-hero-body"] {
--grid-template-columns: repeat(1, 1fr);
--gap: .375rem;
--head-1-margin-bottom: 0;
--head-1-font-size: clamp(1.5rem, 6vw, 2.25rem);
--head-1-color: var(--color-white);
--head-1-line-height: 1.22222222;
--head-1-font-weight: 500;
--head-1-font-variation-settings: "wght" 500;
/*--font-size: 1.125rem;
--line-height: 1.33333333;
--paragraph-line-height: var(--line-height); */
--font-weight: 500;
--font-variation-settings: "wght" 500;
--color: var(--color-white);
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-page-hero-body"] {
--head-1-font-size: 2.25rem;
}

}

/* @end @variables */

/* @group @m-page-hero-body */

[class*="m-page-hero-body"] {
display: grid;
justify-content: center;
align-content: center;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
}

/* @end @m-page-hero-body */

/* @group @m-page-hero-body */

[class*="m-page-hero-body"] {
box-sizing: border-box;
position: relative;
z-index: 2;
text-transform: uppercase;
}

/* @end @m-page-hero-body */

/* @group @variables */

[class*="m-headline"] {
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: clamp(1.875rem, 1.696rem + 0.89vw, 2.25rem);/* 30-36 to 320-992 */
--head-2-line-height: 1.4;
/*--head-2-color: var(--color-primary);*/
--head-2-word-break: keep-all;
--head-2-overflow-wrap: anywhere;
--head-3-font-size: 1.25rem;
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
--head-3-font-weight: 600;
--font-family: var(--font-family-heading);
--font-size: 1rem;
--font-weight: 600;
--word-break: keep-all;
--overflow-wrap: anywhere;
--text-align: center;
}

[class*="m-headline-secondary"] {
--color: var(--color-white);
}

[class*="m-headline-tertiary"] {
--color: var(--color-white);
--head-2-emphasis-color: hsl(58deg 85% 37.5%);
}

[class*="m-headline-comfirm"] {
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.5;
}

/* @end @variables */

/* @group @m-headline */

[class*="m-headline"] {
position: relative;
z-index: 3;
display: grid;
grid-auto-flow: row;
gap: 1.125rem;
}

/* @end @m-headline */

/* @group @variables */

[class*="m-subhead"] {
--subhead-border-bottom-width: 2px;
--subhead-border-image-width: 4.5rem;
--subhead-border-image-color: var(--color-primary);
--subhead-border-color: var(--border-color);
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.2;
}

/* @end @variables */

/* @group @m-subhead */

[class*="m-subhead"] {
position: relative;
padding-bottom: calc(1.125rem - var(--subhead-border-bottom-width));
border-style: solid;
border-width: 0 0 var(--subhead-border-bottom-width);
border-image: linear-gradient(45deg, var(--subhead-border-image-color) 0%, var(--subhead-border-image-color) var(--subhead-border-image-width), transparent var(--subhead-border-image-width), transparent calc(var(--subhead-border-image-width) + 1px), var(--subhead-border-color) calc(var(--subhead-border-image-width) + 1px), var(--subhead-border-color) 100%) 1;
}

/* @end @m-subhead */

/* @group @variables */

[class*="m-section-footer"] {
--section-footer-grid-template-columns: repeat(1, 1fr);
--section-footer-gap: .75rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-section-footer-secondary"] {
--section-footer-grid-template-columns: repeat(2, 1fr);
--section-footer-gap: .75rem;
}

}

/* @end @variables */

/* @group @m-section-footer */

[class*="m-section-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--section-footer-grid-template-columns);
gap: var(--section-footer-gap);
margin-top: var(--section-footer-margin-top);
margin-right: var(--footer-margin-right);
margin-left: var(--footer-margin-left);
}

/* @end @m-section-footer */

/* @group @variables */

[class*="m-chapter-footer"] {
--chapter-footer-grid-template-columns: repeat(1, 1fr);
--chapter-footer-gap: .75rem;
}

/* @end @variables */

/* @group @m-chapter-footer */

[class*="m-chapter-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--chapter-footer-grid-template-columns);
gap: var(--chapter-footer-gap);
width: 100%;
max-width: 30rem;
margin-inline: auto;
}

/* @end @m-chapter-footer */