/* @group @variables */

[class*="m-payment-card-list"] {
--payment-card-list-gap: 3rem;
}

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

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

}

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

[class*="m-payment-card-list"] {
--payment-card-list-gap: 1.5rem;
}

}

/* @end @variables */

/* @group @m-payment-card-list */

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

/* @end @m-payment-card-list */

/* @group @variables */

[class*="m-payment-card-detail"] {
--payment-card-detail-gap: 1.5rem;
--payment-card-overview-gap: .75rem;
--payment-card-detail-padding: 1.5rem;
}

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

[class*="m-payment-card-detail"] {
--payment-card-detail-padding: 1.5rem .75rem;
}

}

/* @end @variables */

/* @group @m-payment-card-detail */

[class*="m-payment-card-detail"] {
display: grid;
grid-template-rows: auto 1fr auto;
gap: var(--payment-card-detail-gap);
}

[class*="m-payment-card-detail"] {
box-sizing: border-box;
overflow: hidden;
padding: var(--payment-card-detail-padding);
background-color: hsl(0deg 0% 100%);
border-radius: .5rem;
}

[class*="m-payment-card-detail"] :where(h3, p, ul, ol) {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

[class*="m-payment-card-detail"] h3 {
font-size: clamp(1.125rem, 0.946rem + 0.89vw, 1.75rem); /* 18〜30 / 320〜1440 */
line-height: 1.5;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
color: hsl(347deg 84% 64%);
text-align: center;
}

[class*="a-payment-card-overview"] {
display: grid;
align-items: start;
align-content: start;
grid-auto-flow: row;
gap: var(--payment-card-overview-gap);
}

/* @end @m-payment-card-detail */

/* @group @a-payment-card-list */

[class*="a-payment-card-list"] {
margin-top: auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}

[class*="a-payment-card-list"] {
max-width: 13rem;
margin-right: auto;
margin-left: auto;
}

[class*="a-payment-card-list"] svg {
width: 6rem;
height: auto;
}

/* @end @a-payment-card-list */

/* @group @a-payment-merit-list */

[class*="a-payment-merit-list"] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}

[class*="a-payment-merit-list"] dl {
display: grid;
grid-auto-flow: row;
gap: .5rem;
}

[class*="a-payment-merit-list"] dt {
text-align: center;
}

[class*="a-payment-merit-list"] dd {
font-size: .75rem;
line-height: 1.66666667;
text-align: center;
overflow: hidden; word-break: keep-all; overflow-wrap:anywhere;
}

[class*="a-payment-merit-list"] img {
width: 100%;
height: auto;
}

/* @end @a-payment-merit-list */