.c-catalog-form{--ccf-color-text: #373b43;--ccf-color-muted: #5a616e;--ccf-color-line: #caced0;--ccf-color-error: #a50000;--ccf-color-error-bg: #fdf5f5;--ccf-color-warning: #df7550;--ccf-color-warning-bg: #fdf3ee;--ccf-color-success: #2e7d4f;--ccf-color-autofill-bg: #eef4ef;--ccf-color-benefit-bg: #f0f0f1;--ccf-color-btn-disabled: #959595;--ccf-color-placeholder: #757575;--ccf-color-badge-optional-bg: #edeef0;--ccf-font-jp: "Noto Sans JP", sans-serif;--ccf-font-latin: Roboto, "Noto Sans JP", sans-serif;--ccf-fs-input: 16px;--ccf-fs-label: 14px;--ccf-fs-hint: 12px;--ccf-fs-error: 13px;--ccf-fs-body: 14px;--ccf-fs-section-title: 16px;--ccf-input-height: 52px;--ccf-control-size: 22px;--ccf-touch-target: 48px;--ccf-field-w-xs: 12em;--ccf-field-w-s: 17em;--ccf-focus-ring: 2px solid var(--ccf-color-text);--ccf-scroll-margin: 96px;padding-inline:45px}@media screen and (max-width:600px){.c-catalog-form{padding-inline:20px}}catalog-form-component.c-catalog-form__inner{display:block;width:100%}.c-catalog-form__heading{margin:0;font-family:var(--ccf-font-latin);font-size:24px;font-weight:400;line-height:1.3;letter-spacing:.025em;text-align:center;color:var(--ccf-color-text)}@media screen and (max-width:600px){.c-catalog-form__heading{font-size:20px}}.c-catalog-form__description{margin:16px 0 0;font-family:var(--ccf-font-jp);font-size:var(--ccf-fs-body);color:var(--ccf-color-text);text-align:center}.c-catalog-form__steps{display:flex;justify-content:center;gap:0;list-style:none;margin:28px 0 0;padding:0;font-family:var(--ccf-font-jp);font-size:13px;color:var(--ccf-color-muted)}.c-catalog-form__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:108px}.c-catalog-form__step-marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ccf-color-line);border-radius:50%;background:#fff;counter-increment:none;position:relative;z-index:1}.c-catalog-form__step+.c-catalog-form__step:before{content:"";position:absolute;top:14px;right:calc(50% + 14px);width:calc(100% - 28px);height:1px;background:var(--ccf-color-line)}.c-catalog-form__step:nth-child(1) .c-catalog-form__step-marker:after{content:"1"}.c-catalog-form__step:nth-child(2) .c-catalog-form__step-marker:after{content:"2"}.c-catalog-form__step:nth-child(3) .c-catalog-form__step-marker:after{content:"3"}.c-catalog-form__step.is-current{color:var(--ccf-color-text);font-weight:600}.c-catalog-form__step.is-current .c-catalog-form__step-marker{background:var(--ccf-color-text);border-color:var(--ccf-color-text);color:#fff}.c-catalog-form__step.is-done .c-catalog-form__step-marker{border-color:var(--ccf-color-text);color:var(--ccf-color-text)}.c-catalog-form__step.is-done .c-catalog-form__step-marker:after{content:"\2713"}.c-catalog-form__form{display:block;max-width:960px;margin-inline:auto;font-family:var(--ccf-font-jp);font-size:var(--ccf-fs-body);color:var(--ccf-color-text)}.c-catalog-form__panel{display:block}.c-catalog-form__section{margin-top:40px}.c-catalog-form__section-title{margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid var(--ccf-color-line);font-size:var(--ccf-fs-section-title);font-weight:600;letter-spacing:.05em}.c-catalog-form__row{display:flex;flex-wrap:wrap;margin-inline:-12px}@media screen and (max-width:600px){.c-catalog-form__row{display:block;margin-inline:0}}.c-catalog-form__field,.c-catalog-form__fieldset{flex:0 0 50%;max-width:50%;min-width:0;padding-inline:12px;margin:0 0 24px;display:flex;flex-direction:column}@media screen and (max-width:600px){.c-catalog-form__field,.c-catalog-form__fieldset{max-width:100%;padding-inline:0}}@media screen and (min-width:601px){.c-catalog-form__hint--empty{min-height:1.4em;margin-bottom:8px}}@media screen and (max-width:600px){.c-catalog-form__hint--empty{display:none}}.c-catalog-form__fieldset{border:0;min-inline-size:0;padding-block:0}.c-catalog-form__label,.c-catalog-form__legend{display:flex;align-items:center;gap:8px;padding:0;margin:0 0 6px;font-size:var(--ccf-fs-label);font-weight:600;line-height:1.5;letter-spacing:.025em}.c-catalog-form__badge{flex-shrink:0;padding:1px 8px;border-radius:2px;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.05em}.c-catalog-form__badge--required{background:var(--ccf-color-error);color:#fff}.c-catalog-form__badge--optional{background:var(--ccf-color-badge-optional-bg);color:var(--ccf-color-muted)}.c-catalog-form__hint{margin:0 0 8px;font-size:var(--ccf-fs-hint);line-height:1.6;color:var(--ccf-color-muted)}.c-catalog-form .c-catalog-form__input{-webkit-appearance:none;appearance:none;width:100%;min-height:var(--ccf-input-height);margin:0;padding:12px 16px;border:1px solid var(--ccf-color-line);border-radius:0;background-color:#fff;color:var(--ccf-color-text);font-family:var(--ccf-font-latin);font-size:var(--ccf-fs-input);line-height:1.5;letter-spacing:.025em;scroll-margin-top:var(--ccf-scroll-margin);transition:background-color .6s ease,border-color .15s ease}.c-catalog-form__field--xs .c-catalog-form__input{max-width:var(--ccf-field-w-xs)}.c-catalog-form__field--s .c-catalog-form__input{max-width:var(--ccf-field-w-s)}.c-catalog-form .c-catalog-form__input:focus-visible{outline:var(--ccf-focus-ring);outline-offset:1px;border-color:var(--ccf-color-text)}.c-catalog-form .c-catalog-form__input::placeholder{color:var(--ccf-color-placeholder);opacity:1}.c-catalog-form .c-catalog-form__input[aria-invalid=true]{border-color:var(--ccf-color-error);box-shadow:inset 0 0 0 1px var(--ccf-color-error);background-color:var(--ccf-color-error-bg)}.c-catalog-form .c-catalog-form__input.is-autofilled{background-color:var(--ccf-color-autofill-bg)}.c-catalog-form .c-catalog-form__input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px var(--ccf-color-autofill-bg);-webkit-text-fill-color:var(--ccf-color-text)}.c-catalog-form__field-note{margin:6px 0 0;font-size:var(--ccf-fs-hint);line-height:1.6;letter-spacing:.025em;color:var(--ccf-color-muted)}.c-catalog-form__zip-status{margin:8px 0 0;font-size:var(--ccf-fs-error);line-height:1.6;color:var(--ccf-color-muted)}.c-catalog-form__zip-status.is-success{color:var(--ccf-color-success);font-weight:500}.c-catalog-form__field-error{margin:6px 0 0;font-size:var(--ccf-fs-error);font-weight:500;line-height:1.6;color:var(--ccf-color-error)}.c-catalog-form__error-summary{margin-top:24px;padding:16px 20px;border:2px solid var(--ccf-color-error);background:var(--ccf-color-error-bg);font-family:var(--ccf-font-jp);scroll-margin-top:var(--ccf-scroll-margin)}.c-catalog-form__error-summary-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--ccf-color-error)}.c-catalog-form__error-summary-list{margin:10px 0 0;padding-left:24px;font-size:var(--ccf-fs-error);line-height:1.8}.c-catalog-form__error-summary-list a{color:var(--ccf-color-error);text-decoration:underline}.c-catalog-form__fieldset-description{margin:0 0 10px;font-size:13px;line-height:1.7;color:var(--ccf-color-text)}.c-catalog-form__fieldset-description p{margin:0}.c-catalog-form__fieldset-description a{color:inherit;text-decoration:underline}.c-catalog-form__radio-option,.c-catalog-form__checkbox-option{position:relative}.c-catalog-form__radio-option+.c-catalog-form__radio-option{margin-top:10px}.c-catalog-form__radio-input,.c-catalog-form__checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.c-catalog-form__radio-label,.c-catalog-form__checkbox-label{position:relative;display:flex;align-items:center;min-height:var(--ccf-touch-target);padding:12px 16px 12px 50px;border:1px solid var(--ccf-color-line);font-size:var(--ccf-fs-body);line-height:1.5;letter-spacing:.025em;cursor:pointer;background:#fff;scroll-margin-top:var(--ccf-scroll-margin);transition:border-color .15s ease,background-color .15s ease}.c-catalog-form__radio-label:before,.c-catalog-form__checkbox-label:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:var(--ccf-control-size);height:var(--ccf-control-size);border:1px solid var(--ccf-color-muted);background:#fff;box-sizing:border-box}.c-catalog-form__radio-label:before{border-radius:50%}.c-catalog-form__radio-label:after{content:"";position:absolute;left:19px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--ccf-color-text);box-sizing:border-box;display:none}.c-catalog-form__radio-input:checked+.c-catalog-form__radio-label,.c-catalog-form__checkbox-input:checked+.c-catalog-form__checkbox-label{border-color:var(--ccf-color-text);box-shadow:inset 0 0 0 1px var(--ccf-color-text)}.c-catalog-form__radio-input:checked+.c-catalog-form__radio-label:before{border-color:var(--ccf-color-text)}.c-catalog-form__radio-input:checked+.c-catalog-form__radio-label:after{display:block}.c-catalog-form__checkbox-input:checked+.c-catalog-form__checkbox-label:before{background:var(--ccf-color-text);border-color:var(--ccf-color-text)}.c-catalog-form__checkbox-label:after{content:"";position:absolute;left:20px;top:calc(50% - 2px);width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg);display:none}.c-catalog-form__checkbox-input:checked+.c-catalog-form__checkbox-label:after{display:block}.c-catalog-form__radio-input:focus-visible+.c-catalog-form__radio-label,.c-catalog-form__checkbox-input:focus-visible+.c-catalog-form__checkbox-label{outline:var(--ccf-focus-ring);outline-offset:2px}.c-catalog-form__warning{margin-top:10px;padding:12px 16px;background-color:var(--ccf-color-warning-bg);border-left:3px solid var(--ccf-color-warning);color:var(--ccf-color-text);font-size:var(--ccf-fs-error);line-height:1.7}.c-catalog-form__benefit{margin:0 0 12px;padding:14px;background-color:var(--ccf-color-benefit-bg)}.c-catalog-form__benefit-att{margin:0;font-size:var(--ccf-fs-hint);line-height:1.7;letter-spacing:.025em;color:var(--ccf-color-muted)}.c-catalog-form__benefit-att p{margin:0;font-size:inherit}.c-catalog-form__benefit-att p.c-catalog-form__benefit-warning{font-size:13px;font-weight:600;color:#c4502a}.c-catalog-form__benefit-att p.c-catalog-form__benefit-title{font-size:13px;font-weight:700;text-decoration:underline;color:var(--ccf-color-text)}.c-catalog-form__benefit-media{display:flex;justify-content:space-between;margin:12px 0 0}.c-catalog-form__benefit-media>div{width:48%}.c-catalog-form__benefit-media img{width:100%;height:auto}.c-catalog-form__benefit-media p{margin:8px 0 0;font-size:var(--ccf-fs-hint);text-align:center;color:var(--ccf-color-muted)}.c-catalog-form__btn-row{margin-top:40px;text-align:center}.c-catalog-form__btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:360px;margin:0 auto;min-height:56px;padding:16px 24px;border:1px solid var(--ccf-color-text);border-radius:0;background:var(--ccf-color-text);color:#fff;font-family:var(--ccf-font-jp);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.c-catalog-form__btn:hover{opacity:.85}.c-catalog-form__btn:focus-visible{outline:var(--ccf-focus-ring);outline-offset:3px}.c-catalog-form__btn:disabled{background:var(--ccf-color-btn-disabled);border-color:var(--ccf-color-btn-disabled);cursor:not-allowed}.c-catalog-form__btn:disabled:hover{opacity:1}.c-catalog-form__btn--outline{background:#fff;color:var(--ccf-color-text)}.c-catalog-form__btn--outline:hover{background:#f5f5f5;opacity:1}.c-catalog-form__btn--outline:disabled{background:#f5f5f5;color:var(--ccf-color-btn-disabled);border-color:var(--ccf-color-btn-disabled)}.c-catalog-form__spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:ccf-spin .8s linear infinite}@keyframes ccf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c-catalog-form__spinner{animation:none}.c-catalog-form .c-catalog-form__input{transition:none}}.c-catalog-form__server-error,.c-catalog-form__success{display:flex;align-items:center;gap:8px;margin-top:24px;font-family:var(--ccf-font-jp);font-size:var(--ccf-fs-body)}.c-catalog-form__server-error{color:var(--ccf-color-error)}.c-catalog-form__success{color:var(--ccf-color-text)}.c-catalog-form__confirm-heading,.c-catalog-form__confirm-lead{margin:0}.c-catalog-form__panel--confirm{display:flex;flex-direction:column;gap:1rem;margin-top:32px}@media screen and (min-width:750px){.c-catalog-form__panel--confirm{inline-size:fit-content;margin-inline:auto}}.c-catalog-form__confirm-list{display:grid;grid-template-columns:1fr;gap:.5rem 1.25rem;margin:0;border-block-start:1px solid var(--ccf-color-line);padding-block-start:1rem}@media screen and (min-width:750px){.c-catalog-form__confirm-list{grid-template-columns:max-content minmax(0,32rem);gap:0;inline-size:fit-content;border-block-start:none;padding-block-start:0}}.c-catalog-form__confirm-list dt{font-weight:600}@media screen and (min-width:750px){.c-catalog-form__confirm-list dt{white-space:nowrap;padding-block:1.2rem;padding-inline-end:2.4rem;border-block-start:1px solid var(--ccf-color-line)}}.c-catalog-form__confirm-list dd{margin:0}@media screen and (max-width:749px){.c-catalog-form__confirm-list dd{margin-block-end:.7rem}}@media screen and (min-width:750px){.c-catalog-form__confirm-list dd{padding-block:1.2rem;border-block-start:1px solid var(--ccf-color-line)}}@media screen and (min-width:750px){.c-catalog-form__confirm-list:after{content:"";grid-column:1 / -1;border-block-start:1px solid var(--ccf-color-line)}}.c-catalog-form__actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px}.c-catalog-form__field-error[hidden],.c-catalog-form__error-summary[hidden],.c-catalog-form__zip-status[hidden],.c-catalog-form__warning[hidden],.c-catalog-form__spinner[hidden],.c-catalog-form__panel[hidden]{display:none}.c-catalog-form__error-summary-title svg,.c-catalog-form__server-error svg,.c-catalog-form__success svg{flex-shrink:0;width:1rem;height:1rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/c-catalog-form.css.map */