/* @group @variables */

[class*="o-section"] {
--section-child-margin-right: var(--x-padding-right);
--section-child-margin-left: var(--x-padding-left);
--section-content-visibility: auto;
--section-contain: layout;
}

[class*="a-section-media"] {
--section-child-margin-right: 0;
--section-child-margin-left: 0;
}

[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*="m-profile-particular"] {
--section-child-margin-right: var(--push-margin-right);
--section-child-margin-left: var(--push-margin-left);
}

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

[class*="o-section-primary"] {
--section-gap: 3.75rem 0;
--section-padding-block-end: 5.25rem;
}

[class*="o-section-secondary"] {
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-gap: 3.75rem 0;
}

[class*="o-section-deutero"] {
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-gap: 3.75rem 0;
--section-background-color: hsl(60deg 57% 95%);
}

[class*="o-section-zweite"] {
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-gap: 3.75rem 0;
--section-background-color: hsl(60deg 57% 95%);
}

[class*="o-section-deuxieme"] {
--section-padding-block-start: 5.25rem;
--section-padding-block-end: 8.25rem;
--section-gap: 3.75rem 0;
}

[class*="o-section-secondo"] {
--section-padding-block-start: 5.25rem;
--section-padding-block-end: 8.25rem;
--section-gap: 3.75rem 0;
--section-background-color: hsl(60deg 57% 95%);
}

[class*="o-section-form"] {
--section-gap: 3.75rem 0;
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-content-visibility: visible;
--section-contain: inline-size;
}

[class*="o-section-premier"] {
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-gap: 3.75rem 0;
--section-background-color: hsl(60deg 57% 95%);
}

[class*="o-section-primaire"] {
--section-gap: 3.75rem 0;
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--section-child-margin-right: var(--push-margin-right);
--section-child-margin-left: var(--push-margin-left);
}

[class*="o-section-cta"] {
--section-gap: 3.75rem 0;
--section-padding-block-start: 3.75rem;
--section-padding-block-end: 5.25rem;
--color: var(--color-white);
}

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

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

/* @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"]>* {
margin-right: var(--section-child-margin-right);
margin-left: var(--section-child-margin-left);
}

[class*="m-fraction"] {
grid-column: var(--section-child-grid-column);
}

/* @end @o-section */

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

/* @group @variables */

[class*="o-section-secondo"] {
--clip-path-tip: clamp(1.5rem, 3vw + 1vh, 2.25rem);
--section-media-clip-path: polygon(0 0, 50% var(--clip-path-tip), 100% 0, 100% calc(100% - var(--clip-path-tip)), 50% 100%, 0 calc(100% - var(--clip-path-tip)));
}

/* @end @variables */

/* @group @o-section */

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

[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-headline"] {
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: clamp(1.875rem, 1.339rem + 2.68vw, 3rem);/* 30-48 to 320-992 */
--head-2-line-height: 1.4;
--font-family: var(--font-family-heading);
--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%);
}

/* @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-ripetere-particular"] {
--ripetere-particular-align-items: start;
--ripetere-particular-grid-template-columns: repeat(1, 1fr);
--gap: 3rem;
}

[class*="m-ripetere-label"] {
--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: clamp(1.5rem, 1.393rem + 0.54vw, 1.875rem);/* 24-30 to 320-1440 */
--head-2-line-height: 1.2;
--head-2-font-weight: 500;
--head-3-font-size: 1rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 500;
}

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

[class*="m-ripetere-particular"] {
--ripetere-particular-grid-template-columns: 1fr 1fr;
}

[class*="m-ripetere-particular"] {
--ripetere-body-grid-column: 2;
--ripetere-media-grid-column: 1;
--ripetere-media-grid-row: 1;
--ripetere-body-grid-row: 1;
}

}

/* @end @variables */

/* @group @variables */

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

[class*="m-ripetere-particular-primary"] {
--ripetere-particular-grid-template-columns: var(--section-child-margin-left) 1fr 1fr var(--section-child-margin-right);
--ripetere-media-grid-column: 1;
--ripetere-body-grid-row: 1;
--section-child-margin-right: 0;
--section-child-margin-left: 0;
}

[class*="m-ripetere-particular-primary"]:nth-of-type(2n+1) {
--ripetere-body-grid-column: 3;
--ripetere-media-grid-column: 1 / span 2;
}

[class*="m-ripetere-particular-primary"]:nth-of-type(2n) {
--ripetere-body-grid-column: 2;
--ripetere-media-grid-column: 3 / span 2;
}

}

/* @end @variables */

/* @group @m-ripetere-particular */

[class*="m-ripetere-particular"] {
box-sizing: border-box;
position: relative;
display: grid;
align-items: var(--ripetere-particular-align-items);
grid-template-columns: var(--ripetere-particular-grid-template-columns);
grid-template-rows: var(--ripetere-particular-grid-template-rows);
gap: 3rem;
}

[class*="m-ripetere-media"] {
align-self: var(--align-self);
grid-column: var(--ripetere-media-grid-column);
grid-row: var(--ripetere-media-grid-row);
}

[class*="m-ripetere-contents"] {
grid-column: var(--ripetere-body-grid-column);
grid-row: var(--ripetere-body-grid-row);
}

/* @end @m-ripetere-particular */

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

/* @group @variables */

[class*="m-ripetere-media"] {
--ripetere-media-border-radius: .75rem;
}

/* @end @variables */

/* @group @variables */

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

[class*="m-ripetere-particular-primary"] [class*="m-ripetere-media"] {
--ripetere-media-height: 100%;
}

[class*="m-ripetere-particular-primary"]:nth-of-type(2n+1) [class*="m-ripetere-media"] {
--ripetere-media-border-radius: 0 .75rem .75rem 0;
}

[class*="m-ripetere-particular-primary"]:nth-of-type(2n) [class*="m-ripetere-media"] {
--ripetere-media-border-radius: .75rem 0 0 .75rem;
}

}

/* @end @variables */

/* @group @m-ripetere-media */

[class*="m-ripetere-media"] {
height: var(--ripetere-media-height);
border-radius: var(--ripetere-media-border-radius);
}

/* @end @m-ripetere-media */

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

/* @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 */