@import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto+Condensed:wght@700&family=Noto+Sans+Javanese:wght@400;700&family=Roboto:wght@900&family=Poppins:wght@700&display=swap";*{box-sizing:border-box}.hidden,.hidden *{pointer-events:none;visibility:hidden}.screen a{text-decoration:none;display:contents}img{max-width:100%;height:auto}html{scroll-behavior:smooth;width:100%;margin:0;padding:0;overflow-x:hidden}body{width:100%;max-width:100%;color:var(--charade);margin:0;padding:0;font-family:Noto Sans JP,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}a:focus,button:focus,[role=button]:focus{outline-offset:2px;outline:2px solid #3b82f6}main,nav,section{display:block}:root{--black:#1f2937;--cabaret:#e43f6f;--cararra:#f1eee3;--cerulean:#00afcc;--cerulean-2:#00afcc1a;--cerulean-3:#00afcc26;--charade:#1f2937;--lochmara:#00afcc;--mischka:#d1d5db;--pewter-blue:#94a3b8;--polar:#e5f7fa;--santas-gray:#1f2937;--white:#fff;--white-2:#fff3;--font-size-s:14px;--font-size-m:16px;--font-size-l:20px;--font-size-xl:24px;--font-size-xxl:27px;--font-size-xxxl:32px;--font-size-xxxxl:35.1px;--font-family-noto_sans_javanese:"Noto Sans JP",Helvetica;--font-family-noto_sans_jp:"Noto Sans JP",Helvetica;--font-family-poppins:"Poppins",Helvetica;--font-family-roboto:"Roboto",Helvetica;--font-family-roboto_condensed:"Roboto Condensed",Helvetica;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--breakpoint-mobile:767px;--breakpoint-tablet:1023px;--breakpoint-desktop-sm:1439px;--breakpoint-desktop-lg:1440px}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;font-family:inherit}p{margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}main[role=main]{width:100%;margin-top:56px;display:block;overflow-x:hidden}@media (width>=768px) and (width<=1023px){main[role=main]{margin-top:50px}}.header,.header *{box-sizing:border-box}.header{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:row;flex:none;justify-content:space-between;align-items:center;width:100%;max-width:none;min-height:48px;padding:8px 24px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 4px 4px #00000040}.header__logo{flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;width:auto;max-width:none;display:flex;position:relative;overflow:hidden}.header__logo-icon{filter:brightness(0)saturate()invert(48%)sepia(79%)saturate(2476%)hue-rotate(188deg)brightness(118%)contrast(119%);flex-shrink:0;width:30px;height:33px;position:relative;overflow:visible}.header__logo-text{color:#00afcc;text-align:left;font-family:var(--font-family-poppins);white-space:nowrap;flex-grow:0;flex-shrink:0;width:auto;max-width:none;font-size:32px;font-weight:700;position:relative}.header__nav{background-color:#0000;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:18px;width:auto;max-width:none;margin-left:auto;padding:0;display:flex;position:relative}.header__nav--desktop{display:flex}.header__nav--mobile{display:none}.header__button{cursor:pointer;border:1px solid;border-radius:6px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:10px;width:auto;max-width:none;padding:8px 24px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.header__nav-link{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:10px;width:auto;max-width:none;padding:8px 24px;display:flex;position:relative}.header__button--register{background:#f28c28;border-color:#f28c28}header.header .header__button--register:hover{background:#e67e1f;border-color:#e67e1f;transform:translateY(-1px);box-shadow:0 6px 8px #0000004d}.header__button--login{background:#fff;border-color:#00afcc}header.header .header__button--login:hover{background:#f0f8ff;border-color:#08a;transform:translateY(-1px);box-shadow:0 6px 8px #0000004d}.header__button-text{color:#fff;text-align:center;justify-content:center;align-items:center;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:500;line-height:20px;display:flex;position:relative}header.header .header__button--login .header__button-text{color:#00afcc}.header__nav-link-text{color:#00afcc;text-align:center;cursor:pointer;justify-content:center;align-items:center;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:500;line-height:20px;text-decoration:underline;display:flex;position:relative}.header__nav-link-text:hover{color:#08a;text-decoration:none}.header__hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:none;position:relative}.header__hamburger-line{background:#00afcc;width:24px;height:3px;margin:3px 0;transition:all .3s;display:block;position:relative;left:4px}.header__hamburger[aria-expanded=true] .header__hamburger-line:first-child{transform:rotate(45deg)translate(6px,6px)}.header__hamburger[aria-expanded=true] .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger[aria-expanded=true] .header__hamburger-line:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (width<=767px){header.header{box-sizing:border-box;max-width:100%;padding:8px 16px;position:fixed;overflow-x:hidden}.header__logo-icon{filter:brightness(0)saturate()invert(48%)sepia(79%)saturate(2476%)hue-rotate(188deg)brightness(118%)contrast(119%);width:24px;height:26px}.header__logo-text{font-size:24px}.header__hamburger{display:flex}header.header .header__nav--desktop{display:none}header.header .header__nav--mobile{z-index:999;background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;width:280px;height:calc(100vh - 56px);padding:24px 16px;transition:right .3s;display:block;position:fixed;top:56px;right:-100%;box-shadow:-4px 0 8px #0000001a}header.header .header__nav--mobile.active{right:0}.header__nav-link{border-radius:6px;width:100%;padding:12px 16px}.header__nav-link-text{text-align:left;font-size:14px}.header__button--register,.header__button--login{justify-content:center;width:100%;margin:0;padding:12px 16px}.header__button--login{margin-top:8px}.header__button-text{font-size:14px}}@media (width>=768px) and (width<=1023px){.header__logo-icon{filter:brightness(0)saturate()invert(48%)sepia(79%)saturate(2476%)hue-rotate(188deg)brightness(118%)contrast(119%);width:28px;height:30px}.header__logo-text{font-size:28px}.header__nav-link-text{font-size:14px}.header__button--register,.header__button--login{padding:7px 16px}}.footer{background-color:var(--charade);flex-direction:column;align-self:stretch;align-items:flex-start;gap:24px;width:100%;padding:60px 120px 40px;display:flex;position:relative}.footer .grid-grid-cols-2-mdg{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:60px;width:100%;display:flex;position:relative}.footer .logo{justify-content:center;width:227px;display:flex}@media (width<=767px){.footer{gap:20px;padding:40px 20px 30px}.footer__grid{gap:32px;flex-direction:column!important;justify-content:center!important;align-items:center!important}.footer__nav-group{text-align:center;flex-direction:column;gap:32px}.footer__contact-wrapper{justify-content:center}.footer__bottom{text-align:center;margin-top:12px;padding-top:16px}}@media (width>=768px) and (width<=1023px){.footer{gap:20px;padding:50px 40px 35px}.footer__nav-group{gap:40px}}.footer__grid{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:60px;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.footer__nav-group{gap:60px;display:flex}.footer__nav-section{flex-direction:column;gap:16px;display:flex}.footer__nav-title{color:#fff;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400}.footer__nav-links{flex-direction:column;gap:8px;display:flex}.footer__nav-link{color:#fff;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;text-decoration:none}.footer__nav-link:hover{color:#fff}.footer__external-icon{opacity:.7;width:16px;height:16px}.footer__contact-wrapper{align-items:center;gap:8px;display:flex}.footer__bottom{border-top:1px solid #374151;max-width:1400px;margin-top:16px;margin-left:auto;margin-right:auto;padding-top:20px}.footer__legal-nav{gap:24px;margin-bottom:16px;display:flex}.footer__legal-link{color:#fff;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;text-decoration:none}.footer__legal-link:hover{color:#fff}.footer__copyright{color:#fff;margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400}.cta-section,section.cta{background-color:var(--lochmara);flex-direction:column;justify-content:center;align-self:stretch;gap:24px;width:100%;padding:80px 120px;display:flex;position:relative}@media (width<=767px){.cta-section,section.cta{gap:20px;padding:40px 20px}.frame-68,.frame-68-1,.frame-68-2,.frame-68-3{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex;position:relative}}@media (width>=768px) and (width<=1023px){.cta-section,section.cta{gap:24px;padding:60px 40px}}.faq-section{flex-direction:column;align-self:stretch;align-items:center;gap:48px;width:100%;padding:80px 120px;display:flex;position:relative}.faq-title{flex-direction:column;align-items:center;gap:16px;width:fit-content;display:flex;position:relative}@media (width<=767px){.faq-section{gap:30px;padding:40px 20px}.faq-title{gap:12px}}@media (width>=768px) and (width<=1023px){.faq-section{padding:60px 40px}}.text-brand{color:#00afcc}.text-primary{color:#d63384}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.animate-on-scroll{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:.6s ease-out forwards fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-left{animation:.6s ease-out forwards fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-right{animation:.6s ease-out forwards fadeInRight}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.5s ease-out forwards scaleIn}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}.animate-rotate-in{animation:.8s ease-out forwards rotateIn}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{white-space:nowrap;border-right:2px solid #00afcc;animation:2s steps(40,end) forwards typewriter;overflow:hidden}@keyframes letterFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-letters .letter{opacity:0;animation:.5s ease-out forwards letterFadeIn;display:inline-block}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}@keyframes drawPath{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.animate-draw{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-in-out forwards drawPath}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse{animation:2s infinite pulse}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.animate-bounce{animation:1s infinite bounce}.faq-item__question{transition:background-color .2s ease-out,transform .2s ease-out}.faq-item__question:hover{background-color:#00afcc0d;transform:translateY(-1px)}.section__header{text-align:center;margin-bottom:20px}.section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.section__title{margin:0;font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700;line-height:1.3}.problems-section__title{color:#d63384}.benefits-section__title,.theme-section__title,.flow-section__title,.faq-section__title{color:#00afcc}.hero{box-sizing:border-box;background:radial-gradient(circle at 20% 80%,#00afcc4d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b3533 0%,#0000 50%),linear-gradient(135deg,#007acc 0%,#06a 100%);width:100%;padding:120px 0 80px;position:relative;overflow:hidden}.hero__container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0;display:flex}.hero__title-wrapper{justify-content:flex-start;width:100%;max-width:1400px;margin:0 auto;padding:0 0 40px;display:flex}.hero__content{flex-direction:column;flex:1;align-items:flex-start;gap:32px;min-width:0;display:flex}.hero__title{color:#00afcc;text-align:left;word-wrap:break-word;overflow-wrap:break-word;background:#fff;margin:0;padding:16px 24px;font-family:Noto Sans JP,sans-serif;font-size:48px;font-weight:700;line-height:1.2;display:inline-block}.hero__subtitle{color:#fff;margin:0;font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700;line-height:1.6}.hero__features{flex-wrap:wrap;gap:16px;display:flex}.hero__feature-badge{backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:0 8px 32px #0000001a}.hero__feature-text{color:#fff;text-align:center;box-sizing:border-box;width:100%;padding:8px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;line-height:1.2;position:absolute}.hero__cta-button{color:#fff;cursor:pointer;text-align:center;background:#ff6b35;border:none;border-radius:40px;padding:16px 32px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #ff6b354d}.hero__cta-button:hover{background:#e55a2b;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #ff6b3580}.hero__visual{flex:1;justify-content:center;align-items:center;display:flex}.hero__image{border-radius:12px;max-width:100%;height:auto}@media (width>=768px) and (width<=1023px){.hero{padding:100px 0 60px}.hero__title-wrapper{text-align:center;justify-content:center;padding:0 40px 35px}.hero__container{text-align:center;flex-direction:column;gap:40px;padding:0 40px}.hero__content{text-align:center;flex:auto;justify-content:center;align-items:center}.hero__title{font-size:40px}.hero__cta-button{padding:12px 32px;font-size:19px}}@media (width<=767px){.hero{padding:80px 0 60px}.hero__title-wrapper{text-align:center;justify-content:center;padding:0 20px 30px}.hero__container{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:40px;max-width:100%;padding:0 20px}.hero__content{text-align:center;justify-content:center;align-items:center}.hero__title{word-wrap:break-word;overflow-wrap:break-word;padding:12px 16px;font-size:28px}.hero__subtitle{font-size:18px}.hero__features{justify-content:center;gap:12px}.hero__feature-badge{width:90px;height:90px}.hero__feature-text{font-size:12px}.hero__cta-button{padding:12px 24px;font-size:18px}}.problems-section{background:#f8f9fa;flex-direction:column;gap:48px;padding:80px 120px;display:flex}.problems-section__header{text-align:center;margin-bottom:20px}.problems-section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.problems-section__title{color:#d63384;margin:0;font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700}@media (width<=767px){.problems-section__title{font-size:28px}}.problems-section__cards{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1000px;margin:0 auto;padding:32px 24px;display:flex;box-shadow:0 4px 12px #0000001a}.problems-section__card-title{color:#d63384;text-align:center;font-family:Noto Sans JP,sans-serif;font-size:25px;font-weight:700}.problems-section__card-group{flex-flow:wrap;justify-content:center;align-items:stretch;gap:32px;width:100%;max-width:100%;display:flex}.problems-section__card{background:#d633840d;border:1px solid #d633841a;border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-width:300px;max-width:400px;padding:24px;display:flex}.problems-section__card-content{color:#d63384;text-align:center;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:400;line-height:1.6}.problems-section__card-text--bold{font-weight:700}.problems-section__subtitle{color:#1f2937;text-align:center;margin:24px 0;font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:600}.problems-section__comparison-cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;max-width:1400px;margin:0 auto;display:flex}.problems-section__comparison-card{background:#fff;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:stretch;min-width:200px;min-height:200px;padding:24px;display:flex;box-shadow:0 4px 12px #0000001a}.problems-section__comparison-card-content{color:#1f2937;text-align:left;flex-direction:column;height:100%;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:1.6;display:flex}.problems-section__comparison-card-image{background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;margin:16px 0;display:flex}.problems-section__comparison-card-image img{object-fit:contain;max-width:100%;height:auto;max-height:180px}.problems-section__comparison-card-title{color:#d63384;text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-height:60px;margin:0;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;display:flex}.problems-section__comparison-card-text{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.problems-section__comparison-card-content .text-span{margin:0;padding-left:20px;list-style:outside}.problems-section__comparison-card-content .text-span li{color:#1f2937;margin-bottom:8px;font-weight:400}.problems-section__comparison-card-content .text-span2{margin:0;padding-left:20px;list-style:outside}.problems-section__comparison-card-content .text-span2 li{color:#d63384;margin-bottom:8px;font-weight:700}@media (width>=768px) and (width<=1023px){.problems-section{padding:64px 40px}.problems-section__cards{padding:24px 20px}.problems-section__card-group{flex-direction:row;gap:16px;width:100%}.problems-section__card{flex:1;min-width:0}.problems-section__comparison-cards{flex-direction:column;align-items:center}.problems-section__comparison-card{width:100%;max-width:100%;min-height:auto}}@media (width<=767px){.problems-section{box-sizing:border-box;max-width:100%;padding:48px 16px}.problems-section__cards{max-width:100%;padding:20px 16px}.problems-section__card-group{flex-direction:column;gap:16px;width:100%}.problems-section__card{width:100%}.problems-section__comparison-cards{flex-direction:column;align-items:center}.problems-section__comparison-card{width:100%;min-width:200px;max-width:100%;min-height:auto}.problems-section__comparison-card-content{font-size:14px}.problems-section__comparison-card-image{height:auto;margin:12px 0}.problems-section__comparison-card-image img{max-height:120px}.problems-section__comparison-card-title{min-height:50px;margin:0;font-size:18px}}.benefits-section{background:#f0f8ff;flex-direction:column;gap:48px;padding:96px 120px;display:flex}.benefits-section__header{text-align:center;margin-bottom:20px}.benefits-section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.benefits-section__title{color:#00afcc;margin:0;font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700}@media (width<=767px){.benefits-section__title{font-size:28px}}.benefits-section__features{flex-direction:column;gap:48px;max-width:1400px;margin:0 auto;display:flex}.feature-card{background:#fff;border-radius:12px;flex-direction:column;gap:24px;padding:32px;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.feature-card__header{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.feature-card__badge-image{flex-shrink:0;width:200px;height:auto}.feature-card__screenshot{border-radius:8px;flex:1;order:2;min-width:200px;box-shadow:0 4px 12px #0000001a}.feature-card__screenshot--left{order:0}.feature-card--reverse .feature-card__visual{order:1}.feature-card__content{flex-direction:row;flex:1;align-items:center;gap:40px;display:flex}.feature-card__heading{color:#00afcc;font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:700;line-height:1.4}.feature-card__body{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.feature-card__body-text--bold{font-weight:700}.feature-card__illustration{object-fit:contain;border-radius:8px;align-self:center;max-width:200px;height:auto}.feature-card__visual{flex-direction:column;flex:1;align-items:center;gap:16px;display:flex}.feature-card__text-wrapper{text-align:left}@media (width>=768px) and (width<=1023px){.benefits-section{padding:80px 40px}.feature-card__content{flex-direction:column;gap:24px}.feature-card__screenshot{border-radius:8px;order:2;width:100%;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.feature-card__screenshot--left{order:2}.feature-card__visual{order:1}.feature-card__header{gap:16px;margin-bottom:12px}.feature-card__badge-image{width:180px}}@media (width<=767px){.benefits-section{box-sizing:border-box;max-width:100%;padding:60px 16px}.feature-card{flex-direction:column;gap:20px;padding:20px}.feature-card__content{flex-direction:column;gap:24px}.feature-card__header{flex-direction:column;gap:12px;margin-bottom:12px}.feature-card__badge-image{width:160px}.feature-card__screenshot{border-radius:8px;order:2;width:100%;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.feature-card__screenshot--left{order:2}.feature-card__visual{order:1}.feature-card__heading{font-size:20px}.feature-card__illustration{height:auto}}.theme-section{background:#f8f9fa;flex-direction:column;gap:48px;padding:96px 120px;display:flex}.theme-section__header{text-align:center;margin-bottom:20px}.theme-section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.theme-section__title{color:#00afcc;margin:0;font-family:Noto Sans JP,sans-serif;font-size:33px;font-weight:700}@media (width<=767px){.theme-section__title{font-size:28px}}.theme-section__categories{flex-direction:column;align-items:center;gap:32px;display:flex}.theme-category{margin-bottom:30px}.theme-category:last-child{margin-bottom:0}.theme-category__card{background:#fff;border-radius:12px;flex-direction:row;align-items:flex-start;gap:32px;width:100%;max-width:1200px;padding:32px;display:flex;box-shadow:0 4px 12px #0000001a}.theme-category__header{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;min-width:200px;display:flex}.theme-category__title{color:#1f2937;text-align:center;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.theme-category__icon{object-fit:contain;width:80px;height:80px}.theme-category__tags{flex-wrap:wrap;flex:1;gap:8px;display:flex}.theme-tag{margin:4px 8px 4px 0;display:inline-block}.theme-tag__wrapper{background:#f0f8ff;border:1px solid #00afcc;border-radius:20px;padding:8px 16px}.theme-tag__text{color:#00afcc;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:500;display:inline-block}@media (width>=768px) and (width<=1023px){.theme-section{padding:80px 40px}.theme-category__card{flex-direction:column;gap:20px;padding:24px}.theme-category__header{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;min-width:auto}.theme-category__title{text-align:center}.theme-category__tags{justify-content:center}}@media (width<=767px){.theme-section{display:none}.theme-category__card{flex-direction:column;gap:20px;padding:24px 20px}.theme-category__header{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;min-width:auto}.theme-category__title{text-align:center;font-size:18px}.theme-category__tags{justify-content:center}.theme-category__icon{width:60px;height:60px}}.flow-section{background:#fff;flex-direction:column;align-items:center;gap:48px;padding:96px 120px;display:flex}.flow-section__header{text-align:center;margin-bottom:20px}.flow-section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.flow-section__title{color:#00afcc;margin:0;font-family:Noto Sans JP,sans-serif;font-size:33px;font-weight:700}@media (width<=767px){.flow-section__title{font-size:28px}}.flow-section__steps{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:800px;display:flex}.flow-step{justify-content:center;width:100%;display:flex;position:relative}.flow-step__card{background:#fff;border-radius:12px;width:100%;max-width:1200px;padding:32px;position:relative;box-shadow:0 4px 12px #0000001a}.flow-step__number-circle{z-index:10;background:linear-gradient(135deg,#00afcc 0%,#007accbf 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:-25px;left:-25px;box-shadow:0 4px 8px #00afcc4d}.flow-step__number{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:900}.flow-step__content{align-items:center;gap:24px;margin-top:8px;display:flex}.flow-step__content--wide{flex-direction:column;align-items:flex-start;gap:16px}.flow-step__icon{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.flow-step__icon-svg{object-fit:contain;width:48px;height:48px}.flow-step__text{flex:1}.flow-step__title{color:#00afcc;margin-bottom:8px;font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:700}.flow-step__description{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.flow-step__methods{flex-direction:row;gap:16px;width:100%;display:flex}.flow-step__method{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;gap:16px;padding:16px;display:flex}.flow-step__method-icon{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.flow-step__method-icon-svg{object-fit:contain;width:32px;height:32px}.flow-step__method-content{flex:1}.flow-step__method-title{color:#00afcc;margin-bottom:4px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700}.flow-step__method-description{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.flow-start-notice{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:0;width:100%;padding:16px 0;display:flex;position:relative}.flow-start-notice__bubble{border-radius:32px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;margin-left:0;display:flex;position:relative}.flow-start-notice__arrow{display:none}.flow-start-notice__content{background:#f28c28;border-radius:32px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px 24px;display:flex;position:relative}.flow-start-notice__line{z-index:-1;background:0 0;border-top:2px dashed #f28c28;width:100%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-start-notice__text{color:#fff;text-align:center;justify-content:center;align-items:center;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:400;line-height:28px;display:flex;position:relative}@media (width>=768px) and (width<=1023px){.flow-section{padding:80px 40px}.flow-step__content{text-align:center;flex-direction:column;align-items:center;gap:16px}.flow-step__title{font-size:22px}.flow-step__methods{flex-direction:column;gap:12px}.flow-step__method-title{font-size:19px}.flow-start-notice{padding:16px 0}.flow-start-notice__line{width:100%}.flow-start-notice__bubble{margin-left:0}}@media (width<=767px){.flow-section{box-sizing:border-box;max-width:100%;padding:60px 24px}.flow-section__steps{max-width:100%}.flow-step__card{max-width:100%;padding:24px 16px}.flow-step__number-circle{width:45px;height:45px;top:-22px;left:-22px}.flow-step__number{font-size:20px}.flow-step__content{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:12px}.flow-step__content--wide{gap:12px}.flow-step__icon{width:60px;height:60px}.flow-step__icon-svg{width:36px;height:36px}.flow-step__title{font-size:20px}.flow-step__description{font-size:14px}.flow-step__methods{flex-direction:column;gap:12px}.flow-step__method{gap:12px;padding:12px}.flow-step__method-icon{width:50px;height:50px}.flow-step__method-icon-svg{width:28px;height:28px}.flow-step__method-title{font-size:18px}.flow-step__method-description{font-size:13px}.flow-start-notice{padding:12px 0}.flow-start-notice__line{width:100%}.flow-start-notice__bubble{margin-left:0}.flow-start-notice__content{padding:6px 20px}.flow-start-notice__text{font-size:18px;line-height:24px}}.faq-section{box-sizing:border-box;background:#f8f9fa;flex-direction:column;gap:48px;width:100%;max-width:100%;padding:96px 120px;display:flex}.faq-section__header{text-align:center;margin-bottom:20px}.faq-section__label{color:#1f2937;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:Roboto Condensed,sans-serif;font-size:27px;font-weight:700}.faq-section__title{color:#00afcc;margin:0;font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700}@media (width<=767px){.faq-section__title{font-size:28px}}.faq-section__list{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:800px;margin:0 auto;display:flex}.faq-item{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:100%;margin-bottom:12px;transition:box-shadow .3s;overflow:hidden}.faq-item:hover{box-shadow:0 4px 12px #0000001a}.faq-item__wrapper{flex-direction:column;display:flex}.faq-item__question{cursor:pointer;box-sizing:border-box;background:#f0f8ff;align-items:center;gap:16px;width:100%;max-width:100%;padding:20px;transition:background-color .2s;display:flex;position:relative}.faq-item__question:hover{background:#e9ecef}.faq-item__q-icon{color:#fff;background:#00afcc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Roboto,sans-serif;font-size:20px;font-weight:900;display:flex}.faq-item__q-text{color:#1f2937;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:600}.faq-item__arrow{color:#00afcc;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:transform .4s;display:flex}.faq-item.active .faq-item__arrow{transform:rotate(180deg)}.faq-item__answer{opacity:0;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;align-items:flex-start;gap:16px;width:100%;max-width:100%;max-height:0;padding:0 20px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,padding .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.faq-item.active .faq-item__answer{opacity:1;max-height:1000px;padding:20px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease-in,padding .5s cubic-bezier(.4,0,.2,1)}.faq-item__a-icon{color:#fff;background:#ff6b35;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Roboto,sans-serif;font-size:20px;font-weight:900;display:flex}.faq-item__a-text{color:#1f2937;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.faq-item__a-text--bold{font-weight:700}.faq-item__a-text--normal{font-weight:400}.faq-item__a-text--simple{color:#1f2937;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:1.6}@media (width<=767px){.faq-section{box-sizing:border-box;max-width:100%;padding:60px 16px}.faq-section__list{max-width:100%}.faq-item__question,.faq-item__answer{box-sizing:border-box;gap:12px;width:100%;max-width:100%;padding:16px}.faq-item__q-icon,.faq-item__a-icon{flex-shrink:0;width:32px;height:32px;font-size:16px}.faq-item__q-text{min-width:0;font-size:16px}.faq-item__a-text,.faq-item__a-text--simple{min-width:0;font-size:14px}.faq-item__arrow{flex-shrink:0;width:20px;height:20px;font-size:14px}}.cta-section{text-align:center;background:#00afcc;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:60px 120px;display:flex}.cta-section__content{flex-direction:column;align-items:center;gap:24px;display:flex}.cta-section__text{color:#fff;text-align:center;font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:700}.cta-section__button{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;background:#ff6b35;border:none;border-radius:40px;min-width:200px;padding:16px 32px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #ff6b354d}.cta-section__button:hover{background:#e55a2b;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #ff6b3580}.cta-section__button-image{cursor:pointer;max-width:300px;transition:transform .2s}.cta-section__button-image:hover{transform:scale(1.05)}@media (width>=768px) and (width<=1023px){.cta-section__button{padding:12px 32px;font-size:19px}}@media (width<=767px){.cta-section{box-sizing:border-box;max-width:100%;padding:60px 16px}.cta-section__text{font-size:20px}.cta-section__button{padding:12px 24px;font-size:18px}.cta-section__button-image{max-width:250px}}.footer__logo{align-items:center;gap:8px;display:flex}.footer__logo-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast();width:30px;height:33px}.footer__logo-text{color:#fff;font-family:var(--font-family-poppins);font-size:32px;font-weight:700}@media (width<=767px){.footer__logo-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}.footer__logo-text{font-size:28px}}