.top-hero{position:relative;padding:4rem 1.25rem 3rem;overflow:hidden;background-color:var(--color-bg)}.top-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:top center;background-size:130%;opacity:0;pointer-events:none;animation:top-hero-bg-fade 1.2s ease-in-out forwards}.top-hero__bg--3{background-image:url(/img/bg-hero3.png);animation-delay:0s}.top-hero__bg--2{background-image:url(/img/bg-hero2.png);animation-delay:.6s}@media(max-width:959.98px){.top-hero__bg--1{background-image:url(/img/bg-hero1_sp@2x.png);animation-delay:1s}}@keyframes top-hero-bg-fade{0%{opacity:0}to{opacity:1}}.top-hero__inner{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}.top-hero__visual{order:1}.top-hero__text{order:2}.top-hero__text{padding-top:4rem}.top-hero__display{line-height:.95;color:var(--color-ink);margin:0 0 clamp(1.5rem,.859rem + 2.735vw,2.5rem)}.top-hero__display-normal{display:inline-block;font-family:Fjalla One,sans-serif;font-weight:400;font-size:clamp(4.8rem,4.8rem + 0vw,4.8rem)}.top-hero__display-accent{display:block;margin:.25rem 0 0;line-height:1;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(2rem,1.744rem + 1.094vw,2.4rem);color:var(--color-ink-mute)}.top-hero__display-accent--en{position:relative;top:1px;padding-left:.25rem;font-family:Fjalla One,sans-serif;font-weight:400}.top-hero__lead{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(1.15rem,1.1rem + .215vw,1.25rem);letter-spacing:clamp(0rem,-.025rem + .107vw,.05rem);line-height:1.9;color:var(--color-ink);max-width:420px;margin:0 0 .5rem}.top-hero__desc{margin:0 0 2rem;text-align:justify;line-height:1.8;font-size:clamp(.9rem,.805rem + .407vw,1rem);color:var(--color-ink-sub)}.top-hero__visual{position:relative;aspect-ratio:3 / 4;max-width:50%;justify-self:center;width:100%;animation:top-hero-bg-fade 2s ease-in-out forwards;animation-delay:0s}.top-hero__img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;box-shadow:0 5px 25px #00000026}.top-hero__img--back{height:50%;transform:translate(-5%,-13%) rotate(-3deg)}.top-hero__img--front{transform:translate(4%,4%)}@media(min-width:960px){.top-hero{padding:5.5rem 2rem 4.5rem}.top-hero__bg{background-size:auto;background-position:calc(50% + min(23.75vw + 1.6px,282.8px)) center}.top-hero__bg--1{background-image:url(/img/bg-hero1.png);background-image:image-set(url(/img/bg-hero1.png) 1x,url(/img/bg-hero1@2x.png) 2x);image-rendering:pixelated}.top-hero__inner{grid-template-columns:.93fr 1.07fr;gap:4rem}.top-hero__desc{max-width:380px;margin:0 0 2rem}.top-hero__visual,.top-hero__text{order:initial}.top-hero__visual{max-width:320px}.top-hero__display-normal{font-size:clamp(2.8rem,9vw,6rem)}}.top-ba{padding:5rem 1.25rem;background:var(--color-bg-sub);color:var(--color-dark)}.top-ba__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.top-ba__kicker{font-family:Fjalla One,sans-serif;font-size:.75rem;letter-spacing:.3em;color:var(--color-accent);margin-bottom:1rem}.top-ba__title{font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:.04em;line-height:1.5;margin:0 0 1.5rem}.top-ba__desc{margin:0;text-align:justify;line-height:1.9;font-size:clamp(.9rem,.805rem + .407vw,1rem);color:var(--color-dark)}.top-ba__visual{position:relative;overflow:hidden}.top-ba__radio{position:absolute;opacity:0;pointer-events:none}.top-ba__track{display:grid}.top-ba__slide{grid-area:1 / 1;min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.top-ba__slide:not(:has(.top-ba__frame--horizontal)){grid-template-columns:8fr auto 9fr}.top-ba__visual:has(#top-ba-slide-1:checked) .top-ba__track>.top-ba__slide:nth-child(1),.top-ba__visual:has(#top-ba-slide-2:checked) .top-ba__track>.top-ba__slide:nth-child(2),.top-ba__visual:has(#top-ba-slide-3:checked) .top-ba__track>.top-ba__slide:nth-child(3),.top-ba__visual:has(#top-ba-slide-4:checked) .top-ba__track>.top-ba__slide:nth-child(4){opacity:1;pointer-events:auto;z-index:1}.top-ba__dots{display:flex;justify-content:center;gap:.8rem;margin-top:1.5rem}.top-ba__dot{width:10px;height:10px;border-radius:50%;background:var(--color-dark);cursor:pointer}.top-ba__dot:hover{background:var(--color-accent)}.top-ba__visual:has(#top-ba-slide-1:checked) .top-ba__dot[for=top-ba-slide-1],.top-ba__visual:has(#top-ba-slide-2:checked) .top-ba__dot[for=top-ba-slide-2],.top-ba__visual:has(#top-ba-slide-3:checked) .top-ba__dot[for=top-ba-slide-3],.top-ba__visual:has(#top-ba-slide-4:checked) .top-ba__dot[for=top-ba-slide-4]{background:var(--color-accent);width:12px;height:12px;position:relative;top:-1px}.top-ba__dot:focus-visible{outline:2px solid var(--color-bg);outline-offset:2px}.top-ba__frame{position:relative;aspect-ratio:3 / 4;overflow:hidden}.top-ba__frame--horizontal{position:relative;aspect-ratio:4 / 3;overflow:hidden}.top-ba__frame[data-label=BEFORE]{position:relative;aspect-ratio:2 / 3;overflow:hidden}.top-ba__frame--horizontal[data-label=BEFORE]{position:relative;aspect-ratio:3 / 2;overflow:hidden}.top-ba__frame img{width:100%;height:100%;object-fit:cover}.top-ba__frame:after{content:attr(data-label);position:absolute;top:1rem;left:0;font-family:Fjalla One,sans-serif;font-size:.75rem;letter-spacing:.15em;padding:clamp(.2rem,.15rem + .215vw,.3rem) .6rem;background:var(--color-accent);color:var(--color-bg)}.top-ba__arrow{width:28px;height:28px;color:var(--color-accent)}@media(min-width:768px){.top-ba__inner{grid-template-columns:.9fr 1.1fr;gap:4rem}}.top-flow{padding:5rem 1.25rem;max-width:1120px;margin:0 auto}.top-flow__head{text-align:center;margin-bottom:3rem}.top-flow__kicker{font-family:Fjalla One,sans-serif;font-size:.75rem;letter-spacing:.3em;color:var(--color-ink-mute);margin-bottom:.75rem}.top-flow__title{font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:1.5rem;color:var(--color-ink);margin:0 0 .75rem}.top-flow__title:after{content:"";display:block;width:40px;height:2px;background:var(--color-ink);margin:1rem auto 0}.top-flow__desc{max-width:480px;margin:0 auto;text-align:justify;line-height:1.9;font-size:clamp(.9rem,.805rem + .407vw,1rem);color:var(--color-ink-sub)}@media(min-width:768px){.top-flow__desc{text-align:center}}.top-steps{display:grid;grid-template-columns:1fr;gap:1.25rem;counter-reset:topstep;list-style:none;padding:0;margin:0 0 2rem}.top-step{counter-increment:topstep;position:relative;padding:1.4rem 1.5rem 1.75rem 5.2rem;border:1px solid var(--color-line-soft);background:var(--color-bg)}.top-step:before{content:"0" counter(topstep);position:absolute;left:1.5rem;top:1.5rem;font-family:Fjalla One,sans-serif;font-size:2.25rem;line-height:1;color:var(--color-accent)}.top-step__en{font-family:Fjalla One,sans-serif;font-size:.7rem;letter-spacing:.25em;color:var(--color-ink-mute);margin-bottom:clamp(0rem,-.382rem + 1.628vw,.4rem)}.top-step__ja{font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:.95rem;letter-spacing:0em;color:var(--color-ink);margin:0 0 .5rem}.top-step__desc{font-size:.8rem;color:var(--color-ink-sub);line-height:1.8;margin:0}@media(min-width:768px){.top-steps{grid-template-columns:repeat(5,1fr);gap:.75rem}.top-step{padding:4rem 1rem 1.5rem}.top-step:before{left:.9rem;top:1.2rem}}.top-flow__cta{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.btn--start{border-color:var(--color-ink);padding:clamp(.75rem,.478rem + 1.159vw,1rem) 3rem;background:var(--color-ink);color:var(--color-bg);text-transform:uppercase}.btn--start:hover{background:var(--color-bg);color:var(--color-ink)}.top-info{margin-top:5rem;background:var(--color-bg-alt);container-type:inline-size}.top-info__kicker{margin-bottom:.75rem;text-align:center;letter-spacing:.3em;font-family:Fjalla One,sans-serif;font-size:.75rem;color:var(--color-ink-mute)}.top-info__title{margin:0 0 .75rem;word-break:keep-all;overflow-wrap:anywhere;text-align:center;line-height:1.5;font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:1.5rem;color:var(--color-ink)}.top-info__title:after{content:"";display:block;width:40px;height:2px;background:var(--color-ink);margin:1rem auto 0}.top-info__desc{display:flex;align-items:center;justify-content:center;gap:.3rem;margin:0 auto 2rem;text-align:center;line-height:1.8;font-size:clamp(.9rem,.805rem + .407vw,1rem);color:var(--color-ink-sub)}@container (max-width: 58ch){.top-info__desc{align-items:flex-start;justify-content:flex-start;text-align:left}.top-info__desc svg{position:relative;top:2px}}.top-info__desc svg{display:inline-block}.top-info__wrapper{border-top:1px solid var(--color-line-soft);padding-bottom:1.75rem;text-align:center}.top-info__wrapper:last-child{border-bottom:1px solid var(--color-line-soft)}.top-info__summary{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 auto;padding:1.5rem .5rem .75rem;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.top-info__summary::-webkit-details-marker{display:none}.top-info__label{text-align:center;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(1.1rem,1.036rem + .274vw,1.2rem);color:var(--color-ink)}.top-info__icon{width:32px;height:32px;flex:0 0 auto;color:var(--color-ink);display:block}.top-info__icon--small{width:24px;height:24px}.top-info__corner{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.top-info__corner--tl{transform-origin:8px 8px}.top-info__corner--tr{transform-origin:24px 8px}.top-info__corner--bl{transform-origin:8px 24px}.top-info__corner--br{transform-origin:24px 24px}.top-info__summary:hover .top-info__corner--tl{transform:translate(-2px,-2px)}.top-info__summary:hover .top-info__corner--tr{transform:translate(2px,-2px)}.top-info__summary:hover .top-info__corner--bl{transform:translate(-2px,2px)}.top-info__summary:hover .top-info__corner--br{transform:translate(2px,2px)}.top-info__plus-v{transform-origin:16px 16px;transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}.top-info__item[open] .top-info__plus-v{opacity:0;transform:scaleY(0)}.top-info__item[data-state=closing] .top-info__plus-v{opacity:1;transform:scaleY(1)}.top-info__body{padding:.25rem .5rem 1.25rem;font-size:.9rem;line-height:1.8;color:var(--color-ink-sub)}.top-info__body p{margin:0}.top-info__body ul{margin-left:1.25rem}.top-info__body ol{margin-left:1.5rem}.top-info__body li{margin:.5rem 0;text-align:justify}.top-info__body ul li:first-of-type{margin:0 0 .5rem}.top-info__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition)}.top-info__body a:hover{text-decoration:none;opacity:.7}@media(max-width:768px){.top-info__body ul{margin-left:.75rem}.top-info__body ol{margin-left:1.25rem}}.top-consent{display:inline-block;margin:0 auto}.top-consent__label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:clamp(.9rem,.836rem + .274vw,1rem);color:var(--color-ink);-webkit-user-select:none;user-select:none;transition:opacity var(--transition)}.top-consent__checkbox{width:16px;height:16px;margin:0;accent-color:var(--color-ink);cursor:pointer;flex:0 0 auto}.top-consent__checkbox:disabled{cursor:not-allowed}.top-consent__label:has(.top-consent__checkbox:disabled){opacity:.4;cursor:not-allowed}.top-consent__required{color:var(--error)}.top-consent__error{margin:1.25rem 0 0;word-break:keep-all;overflow-wrap:anywhere;text-align:center;letter-spacing:.05em;font-size:.9rem;font-weight:700;color:var(--error)}.top-consent__error-link{padding:0 .3rem;color:inherit;text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition)}.top-consent__error-link:hover{opacity:.7}.top-share{background:var(--color-ink);padding:3rem 1.25rem;text-align:center}.top-share__label{font-family:Fjalla One,sans-serif;font-size:.75rem;letter-spacing:.3em;color:var(--color-ink-mute);margin-bottom:1.25rem}.top-share .sns-row{gap:.75rem;justify-content:center}.top-share .sns-btn{width:48px;height:48px;padding:0;border-radius:50%;background:var(--color-dark);color:var(--color-bg);flex-direction:row;flex:0 0 auto;transition:background var(--transition),color var(--transition),border-color var(--transition)}.top-share .sns-btn svg{width:22px;height:22px;margin:0;fill:currentColor}.top-share .sns-btn:hover{background:var(--color-bg);color:var(--color-dark)}
