.application-steps{--_accent: var(--as-accent, #00aeef);--_heading: var(--as-heading, var(--_accent));--_text: var(--as-text, var(--_accent));--_badge-text: var(--as-badge-text, #fff);--_line: var(--as-line, #d6e8f3);--_card-bg: var(--as-card-bg, transparent);--_card-radius: 0;--_gap-pc: 0px;--_gap-sp: 16px;width:100%;padding:var(--as-pt, 40px) 0 var(--as-pb, 40px);background:var(--as-bg, transparent);color:var(--_text)}.application-steps__inner{width:var(--as-content-width, 100%);max-width:var(--as-max-width, 1402px);margin:0 auto;padding:0 clamp(15px,4vw,30px)}.application-steps__heading{font-size:20px;font-weight:700;text-align:center;margin:0 0 12px;color:var(--_heading);line-height:1.4}.application-steps__subheading{text-align:center;margin:0 auto 24px;max-width:820px;font-size:13px;line-height:1.7;color:var(--_text)}.application-steps__subheading p{margin:0}.application-steps__subheading p+p{margin-top:4px}@media(min-width:1080px){.application-steps__heading{font-size:26px;margin:0 0 16px}.application-steps__subheading{font-size:14px;margin-bottom:32px}}.application-steps__track{display:grid;gap:var(--_gap-sp)}@media(max-width:767.98px){.application-steps--mobile-grid-1 .application-steps__track{grid-template-columns:1fr}.application-steps--mobile-grid-2 .application-steps__track{grid-template-columns:repeat(2,1fr)}.application-steps--mobile-slider .application-steps__track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}.application-steps--mobile-slider .application-steps__track::-webkit-scrollbar{display:none}.application-steps--mobile-slider .application-steps__card{flex:0 0 80%;max-width:320px;scroll-snap-align:start}}@media(min-width:768px){.application-steps .application-steps__track,.application-steps--mobile-grid-1 .application-steps__track,.application-steps--mobile-grid-2 .application-steps__track,.application-steps--mobile-slider .application-steps__track{display:grid;grid-template-columns:repeat(var(--as-cols-pc, 4),1fr);gap:var(--_gap-pc);overflow:visible;padding-bottom:0}.application-steps--mobile-slider .application-steps__card{flex:initial;max-width:none;scroll-snap-align:none}}.application-steps__card{position:relative;display:flex;flex-direction:column;background:var(--_card-bg);border-radius:var(--_card-radius);padding:clamp(12px,2vw,28px) clamp(12px,1.5vw,24px) clamp(8px,1vw,16px);min-height:100%;box-sizing:border-box}.application-steps--has-dividers .application-steps__track{gap:0;background-color:transparent}.application-steps--has-dividers .application-steps__card{border-right:1px solid var(--_line);border-top:1px solid var(--_line)}@media(min-width:768px){.application-steps--cols-pc-2.application-steps--has-dividers .application-steps__card:nth-child(2n),.application-steps--cols-pc-3.application-steps--has-dividers .application-steps__card:nth-child(3n),.application-steps--cols-pc-4.application-steps--has-dividers .application-steps__card:nth-child(4n),.application-steps--cols-pc-5.application-steps--has-dividers .application-steps__card:nth-child(5n),.application-steps--cols-pc-6.application-steps--has-dividers .application-steps__card:nth-child(6n){border-right:none}.application-steps--cols-pc-2.application-steps--has-dividers .application-steps__card:nth-child(-n+2),.application-steps--cols-pc-3.application-steps--has-dividers .application-steps__card:nth-child(-n+3),.application-steps--cols-pc-4.application-steps--has-dividers .application-steps__card:nth-child(-n+4),.application-steps--cols-pc-5.application-steps--has-dividers .application-steps__card:nth-child(-n+5),.application-steps--cols-pc-6.application-steps--has-dividers .application-steps__card:nth-child(-n+6){border-top:none}}@media(max-width:767.98px){.application-steps--mobile-grid-2.application-steps--has-dividers .application-steps__card:nth-child(2n){border-right:none}.application-steps--mobile-grid-2.application-steps--has-dividers .application-steps__card:nth-child(-n+2){border-top:none}.application-steps--mobile-grid-1.application-steps--has-dividers .application-steps__card{border-right:none}.application-steps--mobile-grid-1.application-steps--has-dividers .application-steps__card:first-child{border-top:none}.application-steps--mobile-slider.application-steps--has-dividers .application-steps__card{border:none}.application-steps--mobile-slider.application-steps--has-dividers .application-steps__track{gap:12px}}.application-steps--has-dividers .application-steps__card:last-child{border-right:none}.application-steps__card--filler-sp{display:none;padding:0;min-height:0}@media(max-width:767.98px){.application-steps--mobile-grid-2 .application-steps__card--filler-sp{display:block}}.application-steps--has-dividers .application-steps__card--filler-sp{border-top:1px solid var(--_line);border-right:none;background:var(--_card-bg)}.application-steps__badge{position:absolute;top:clamp(10px,1.2vw,20px);display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,2.2vw,36px);height:clamp(24px,2.2vw,36px);border-radius:50%;background:var(--_accent);color:var(--_badge-text);font-family:Mont,Noto Sans JP,sans-serif;font-size:clamp(11px,1vw,14px);font-weight:700;line-height:1;letter-spacing:.03em;z-index:2;white-space:nowrap}.application-steps--badge-top-left .application-steps__badge{left:clamp(10px,1.2vw,20px)}.application-steps--badge-top-right .application-steps__badge{right:clamp(10px,1.2vw,20px)}.application-steps__media{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2%,24px);box-sizing:border-box;margin-bottom:12px}.application-steps__img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.application-steps__img-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,#eef7fd 0 10px,#f9fcfe 10px 20px);border-radius:8px}.application-steps__text{padding:0 4px;color:var(--_text);font-weight:500;font-size:clamp(12px,1vw,15px);line-height:1.5;text-align:left}.application-steps__text p{margin:0}.application-steps__text p+p{margin-top:2px}.application-steps__note{margin-top:clamp(16px,2vw,32px);padding:0 clamp(8px,1vw,16px);font-size:11px;line-height:1.6;color:var(--_text);opacity:.65;text-align:left}.application-steps__note p{margin:0}.application-steps__note p+p{margin-top:2px}.application-steps__note-mark{font-size:.55em;vertical-align:baseline;line-height:0;font-weight:inherit;letter-spacing:0;margin:0 1px;position:relative;top:-.7em}
/*# sourceMappingURL=/cdn/shop/t/322/assets/section-application-steps.css.map */