@layer reset, layout, common, contents;@layer contents{.p-kokkopay-dl__leadcopy{font-size:var(--font-size-xxxl);line-height:var(--line-height-sm);font-weight:bold;text-align:center;--spacing-lg: 1rem;text-box:trim-both cap alphabetic;color:var(--color-text-primary)}@media(width < 768px){.p-kokkopay-dl__leadcopy{font-size:var(--font-size-md);text-align:left}}@media(width > 767px){.p-kokkopay-dl__leadcopy{padding-block:2rem 3rem}}.p-kokkopay-dl__leadcopy+.c-block{-webkit-margin-before:var(--spacing-xxl);margin-block-start:var(--spacing-xxl)}.p-kokkopay-dl .spacer-area{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}@media(width < 768px){.p-kokkopay-dl .spacer-area{-webkit-margin-before:var(--spacing-sm);margin-block-start:var(--spacing-sm)}}.p-kokkopay-dl .spacer-area img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}.p-kokkopay-dl .spacer-area .item-thumb_1_1{position:absolute;top:30%;width:45.5%;height:60%;left:0%}@media(width < 768px){.p-kokkopay-dl .spacer-area .item-thumb_1_1{top:30%;width:45%;height:50%;left:1.5%}}.p-kokkopay-dl .spacer-area .item-thumb_1_1 a{display:block;width:100%;height:100%}.p-kokkopay-dl .spacer-area .item-thumb_2_1{position:absolute;top:30%;width:52%;height:60%;right:0%}@media(width < 768px){.p-kokkopay-dl .spacer-area .item-thumb_2_1{top:30%;width:50%;height:50%;right:2%}}.p-kokkopay-dl .spacer-area .item-thumb_2_1 a{display:block;width:100%;height:100%}.p-kokkopay-dl .c-accordion{-webkit-margin-before:var(--spacing-lg);margin-block-start:var(--spacing-lg)}}@layer reset, layout, common, contents;@layer contents{.p-kokkopay-howto__leadcopy{text-box:trim-both cap alphabetic;color:var(--color-text-primary)}.p-kokkopay-howto__leadcopy+.c-block{-webkit-margin-before:var(--spacing-xxl);margin-block-start:var(--spacing-xxl)}.p-kokkopay-howto__leadcopy--md{font-size:var(--font-size-xxxl);line-height:var(--line-height-sm);font-weight:bold;text-align:center;--spacing-lg: 1rem}@media(width > 767px){.p-kokkopay-howto__leadcopy--md{padding-block:2rem 3rem}}@media(width < 768px){.p-kokkopay-howto__leadcopy--md{font-size:var(--font-size-md);text-align:left}}.p-kokkopay-howto__leadcopy--sm{font-size:var(--font-size-lg);line-height:var(--line-height-lg);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}@media(width < 768px){.p-kokkopay-howto__leadcopy--sm{font-size:var(--font-size-md);-webkit-margin-before:var(--spacing-sm);margin-block-start:var(--spacing-sm)}}.p-kokkopay-howto__heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--font-size-xxl);font-weight:500;color:var(--color-primary);gap:1.25rem}@media(width < 768px){.p-kokkopay-howto__heading{font-size:var(--font-size-lg)}}.p-kokkopay-howto__heading::after,.p-kokkopay-howto__heading::before{content:"";-webkit-box-flex:.05;-ms-flex-positive:.05;flex-grow:.05;height:2px;background:var(--color-primary)}@media(width < 768px){.p-kokkopay-howto__heading::after,.p-kokkopay-howto__heading::before{display:none}}.p-kokkopay-howto .c-accordion{-webkit-margin-before:var(--spacing-lg);margin-block-start:var(--spacing-lg)}.p-kokkopay-howto .p-kokkopay-card-container.--block-mb{-webkit-margin-before:var(--block-spacing-md);margin-block-start:var(--block-spacing-md)}@media(width > 767px){.p-kokkopay-howto .p-kokkopay-card-container.--block-mb{gap:var(--spacing-xl)}}@media(width < 768px){.p-kokkopay-howto .p-kokkopay-card-container.--block-mb{-webkit-margin-before:var(--spacing-md);margin-block-start:var(--spacing-md);gap:0}}@media(width < 768px){.p-kokkopay-howto .p-kokkopay-card{gap:.5rem;background-color:revert}}.p-kokkopay-howto .p-kokkopay-card__image{border-radius:8px}.p-kokkopay-howto .p-kokkopay-card__caption{color:var(--color-secondary-text)}@media(width < 768px){.p-kokkopay-howto .p-kokkopay-card__caption{margin-inline:0}}.p-kokkopay-howto .p-kokkopay-card__caption span{display:block;font-weight:bold;color:var(--color-primary-text);-webkit-margin-after:var(--spacing-xs);margin-block-end:var(--spacing-xs)}.p-kokkopay-howto .p-kokkopay-card__caption .c-list{text-indent:0;-webkit-margin-before:.75rem;margin-block-start:.75rem}}@layer reset, layout, common, contents;@layer contents{.p-kokkopay__heading-step{display:grid;grid-template-columns:auto 1fr;gap:.75rem;place-items:baseline}@media(width < 768px){.p-kokkopay__heading-step{gap:.5rem}}.p-kokkopay__heading-step-number{background:var(--color-secondary);width:3rem;height:2.85rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:500;font-family:var(--font-numbers);border-radius:50%}@media(width < 768px){.p-kokkopay__heading-step-number{width:2rem;height:2rem;font-size:var(--font-size-lg)}}.p-kokkopay__heading-step-text{font-size:var(--font-size-xl);font-weight:500}@media(width < 768px){.p-kokkopay__heading-step-text{font-size:var(--font-size-lg);line-height:var(--line-height-xs);text-box:trim-both cap alphabetic}}.p-kokkopay-accordion__image{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;max-width:100%}.p-kokkopay-card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}@media(width < 768px){.p-kokkopay-card-container{gap:var(--spacing-md)}}.p-kokkopay-card{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}@media(width < 768px){.p-kokkopay-card{grid:"card-caption" auto "card-image" auto/1fr;background-color:#fff;border-radius:12px;overflow:auto;padding-block:1rem 1.25rem;gap:.25rem}}.p-kokkopay-card__caption{font-size:var(--font-size-lg);-webkit-padding-start:1em;padding-inline-start:1em;text-indent:-1em;line-height:var(--line-height-sm)}@media(width > 767px){.p-kokkopay-card__caption{-webkit-padding-before:.25rem;padding-block-start:.25rem}}@media(width < 768px){.p-kokkopay-card__caption{grid-area:card-caption;font-size:var(--font-size-md);margin-inline:1rem}}@media(width < 768px){.p-kokkopay-card__image{grid-area:card-image}}.p-kokkopay__navi{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}@container l-contents (width < 600px){.p-kokkopay__navi{grid-template-columns:1fr}}.p-kokkopay__navi .c-button__text{line-height:var(--line-height-xs)}.p-kokkopay-mv{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;gap:2.5rem}@media(width > 767px){.p-kokkopay-mv{-webkit-padding-before:3.5rem;padding-block-start:3.5rem}}@media(width < 768px){.p-kokkopay-mv{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}}.p-kokkopay-mv img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:360px}@media(width < 768px){.p-kokkopay-mv img{width:100%}}.p-kokkopay-mv figcaption{font-size:var(--font-size-xxxl);line-height:var(--line-height-sm);font-weight:bold}@media(width < 768px){.p-kokkopay-mv figcaption{font-size:var(--font-size-lg)}}@media(width < 768px){.p-kokkopay-mv figcaption br{display:none}}.p-kokkopay-step{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;gap:1rem;-webkit-padding-before:2.25rem;padding-block-start:2.25rem;margin-inline:auto;max-width:1120px}@container l-contents (width < 600px){.p-kokkopay-step{grid-template-columns:1fr;gap:1rem}}.p-kokkopay-step__arrow-icon{color:var(--color-secondary-light);line-height:1;width:24px;height:24px;border:.2rem solid currentColor;border-left:0;border-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:auto;-webkit-margin-start:-0.1rem;margin-inline-start:-0.1rem}@media(width < 768px){.p-kokkopay-step__arrow-icon{display:block;margin-inline:auto;-webkit-margin-after:2.5rem;margin-block-end:2.5rem;-webkit-transform:rotate(135deg);transform:rotate(135deg)}}.p-kokkopay-step-card{position:relative;background-color:#fff;padding-block:1.5rem;border-radius:12px;padding-block:2.5rem 2rem}.p-kokkopay-step-card img{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}.p-kokkopay-step-card p{font-size:var(--font-size-lg);font-weight:bold;text-align:center;color:var(--color-secondary);-webkit-margin-before:var(--spacing-md);margin-block-start:var(--spacing-md)}.p-kokkopay-step-card__count{position:absolute;inset:calc(-100% - 4px) 0 0 0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--font-numbers);font-weight:bold;color:var(--color-secondary);width:80px;height:80px;background-color:#f4f4ff;border-radius:100vmax}@media(width < 768px){.p-kokkopay-step-card__count{width:72px;height:72px}}.p-kokkopay-step-card__count span{display:block;text-align:center}.p-kokkopay-step-card__count span:first-child{font-size:.875rem}.p-kokkopay-step-card__count span:nth-child(2){font-size:2.25rem}.p-kokkopay .c-figure.--radius{border-radius:20px;padding-block:1.5rem 1.5rem;background-color:#fff;overflow:hidden}.c-block{--block-spacing: 6rem}@media(width < 768px){.c-block{--block-spacing: 2.5rem}}.c-block.--bg-color{border-image-source:linear-gradient(0deg, var(--color-base) 0 100%);border-image-slice:fill 0;border-image-outset:0 100vw;background-color:var(--color-base);padding-block:var(--block-spacing)}.c-block .c-heading--h2{font-size:var(--font-size-xxl)}@media(width < 768px){.c-block .c-heading--h2{font-size:var(--font-size-lg)}}.c-block .c-table-vertical__heading,.c-block .c-table__th{background-color:#f7f7f7;font-weight:bold}.c-block .c-table-vertical__content,.c-block .c-table__td{background-color:#fff}.c-block .c-table__row.--cell-center{text-align:center}.c-block .c-table__row.--cell-center .c-table__th{line-height:var(--line-height-xs)}@media(width < 768px){.c-block .c-table{min-width:640px}}.c-block .c-table__td .c-annotation{font-size:var(--font-size-sm)}.c-block .c-table__td.--bg-color{background-color:#d9ebff}.c-block .c-table__td.--strong{background-color:#fffae6}}.c-button--secondary.--red{color:var(--color-primary);border-color:var(--color-primary)}.c-button--secondary.--red .c-button__arow svg{stroke:var(--color-primary)}@media(any-hover: hover){.c-button--secondary.--red:hover{color:#fff;background:var(--color-primary-light)}.c-button--secondary.--red:hover .c-button__arow svg{stroke:#fff}}.c-text-container.--mbs-xl{-webkit-margin-before:var(--spacing-xxl);margin-block-start:var(--spacing-xxl)}@media(width < 768px){.c-text-container.--mbs-xl{-webkit-margin-before:var(--spacing-lg);margin-block-start:var(--spacing-lg)}}/*# sourceMappingURL=kokkopay.css.map */