body{color:#141414;line-height:1.7;background:#fff;overflow:visible}.bg-gray{padding-top:80px}.infobar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:40px;padding:0 16px;color:#fff;font-size:1.2rem;font-weight:bold;background:#0d0d0d}.infobar__vw{padding:2px 10px;border-radius:4px;color:#1ad9c9;font-family:"SFMono-Regular",Consolas,monospace;background:hsla(0,0%,100%,.08)}.topbar{padding:16px 0 18px;border-bottom:1px solid #e5e5e5;background:#fff}.topbar__logo{width:118px}.topbar__logo img{display:block;width:100%;height:auto}.topbar .breadcrumb-list{padding-top:10px}.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;color:#fff;font-weight:bold;line-height:1.1;text-align:center;container-type:inline-size}.ph__size{font-weight:normal;opacity:.85}.ph.is-card{border-radius:8px;aspect-ratio:1/1}.ph.is-card .ph__main{font-size:5rem;font-size:26.67cqw}.ph.is-card .ph__size{font-size:1.4rem;font-size:6.67cqw}.ph.is-card.is-01{background:#1ad9c9}.ph.is-card.is-02{background:#ff3385}.ph.is-card.is-03{background:#141414}.note{max-width:720px;margin:0 auto;padding:16px 20px;border-left:4px solid #1ad9c9;border-radius:0 8px 8px 0;color:#555;font-size:1.4rem;background:#fafafa}.mv{padding:32px 0}.mv__bg{position:relative;padding:40px 0;background:linear-gradient(135deg, #1AD9C9, #FF3385)}.mv__label{position:absolute;top:8px;left:12px;padding:3px 10px;border-radius:4px;color:#fff;font-size:1.1rem;font-weight:bold;background:rgba(0,0,0,.45)}.mv__box{padding:24px 20px;border-radius:8px;text-align:center;background:hsla(0,0%,100%,.95)}.mv__box-ttl{color:#141414;font-size:2rem;font-weight:bold}.mv__box-txt{margin-top:6px;color:#555;font-size:1.3rem}.mv__note{margin-top:12px;color:#555;font-size:1.3rem;text-align:center}.band{padding:24px 0;color:#141414;background:#1ad9c9}.band__txt{font-size:1.5rem;font-weight:bold;text-align:center}.about{padding:48px 0}.about__ttl{margin-bottom:16px;padding-left:16px;border-left:4px solid #1ad9c9;color:#141414;font-size:2.2rem;font-weight:bold}.about__txt{color:#555;font-size:1.5rem}.features{padding:40px 0;background:#fafafa}.features__ttl{margin-bottom:24px;color:#141414;font-size:2.4rem;font-weight:bold;text-align:center}.features__ttl::after{content:"";display:block;width:2em;height:.15em;margin:.5em auto 0;background:#1ad9c9}.features__list{display:grid;grid-template-columns:1fr;gap:24px}.card{padding:16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.02)}.card__label{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:999px;color:#fff;font-size:1.1rem;font-weight:bold;letter-spacing:.08em;background:#ff3385}.card__ttl{margin:14px 0 8px;color:#141414;font-size:1.8rem;font-weight:bold}.card__txt{color:#555;font-size:1.4rem}.card.is-caution{grid-column:1/-1;border-color:#ff3385;background:#fff5f9}.demo{width:100%}.demo a{color:#ff3385}.demo__inner{width:100%;margin:0 auto;padding:0 20px}.demo__header{padding:40px 0;color:#fff;text-align:center;background:#141414}.demo__label{color:#1ad9c9;font-size:1.3rem;font-weight:bold;letter-spacing:.2em}.demo__ttl{margin-top:.2em;font-size:2.6rem;font-weight:bold}.demo__switch{margin-top:16px;color:hsla(0,0%,100%,.55);font-size:1.3rem}.demo__switch a{color:#1ad9c9}.demo__switch .is-current{color:#fff;font-weight:bold}.demo__back{margin-top:10px;font-size:1.3rem}.demo__back a{color:hsla(0,0%,100%,.55);text-decoration:underline}.demo.is-flexible .demo__inner{max-width:1000px}.demo.is-liquid .demo__inner{padding:0 5.33vw}.demo.is-liquid .demo__header{padding:10.67vw 0}.demo.is-liquid .demo__label{font-size:3.47vw}.demo.is-liquid .demo__ttl{font-size:6.93vw}.demo.is-liquid .mv{padding:8.53vw 0}.demo.is-liquid .mv__bg{padding:10.67vw 0}.demo.is-liquid .mv__label{font-size:2.93vw}.demo.is-liquid .mv__box{padding:6.4vw 5.33vw}.demo.is-liquid .mv__box-ttl{font-size:5.33vw}.demo.is-liquid .mv__box-txt{font-size:3.47vw}.demo.is-liquid .mv__note{margin-top:3.2vw;font-size:3.47vw}.demo.is-liquid .band{padding:6.4vw 0}.demo.is-liquid .band__txt{font-size:4vw}.demo.is-liquid .about{padding:12.8vw 0}.demo.is-liquid .about__ttl{margin-bottom:4.27vw;font-size:5.87vw}.demo.is-liquid .about__txt{font-size:4vw}.demo.is-liquid .features{padding:10.67vw 0}.demo.is-liquid .features__ttl{margin-bottom:6.4vw;font-size:6.4vw}.demo.is-liquid .features__list{gap:6.4vw}.demo.is-liquid .card{padding:4.27vw}.demo.is-liquid .card__ttl{margin:3.73vw 0 2.13vw;font-size:4.8vw}.demo.is-liquid .card__txt{font-size:3.73vw}@media screen and (min-width: 768px){body{min-width:0}.l-contents__inr{width:100%;max-width:1160px}.bg-gray{padding-top:160px}footer>.inner{width:auto;min-width:0;max-width:960px;padding:60px 20px 30px}.mv__bg{padding:64px 0}.mv__box{padding:40px 20px}.mv__box-ttl{font-size:2.4rem}.mv__box-txt{font-size:1.4rem}.band{padding:32px 0}.about__ttl{font-size:2.6rem}.about__txt{font-size:1.6rem}.features__ttl{font-size:3rem}.features__list{grid-template-columns:repeat(3, 1fr);gap:40px}.card__ttl{font-size:2rem}.card__txt{font-size:1.5rem}.demo__header{padding:56px 0}.demo__ttl{font-size:3.6rem}.demo.is-solid .demo__inner{width:1000px}.demo.is-liquid .demo__inner{width:78.125vw;padding:0 1.5625vw}.demo.is-liquid .demo__header{padding:4.375vw 0}.demo.is-liquid .demo__label{font-size:1.02vw}.demo.is-liquid .demo__ttl{font-size:2.8125vw}.demo.is-liquid .mv{padding:2.5vw 0}.demo.is-liquid .mv__bg{padding:4vw 0}.demo.is-liquid .mv__label{font-size:.86vw}.demo.is-liquid .mv__box{padding:2.5vw 1.5625vw}.demo.is-liquid .mv__box-ttl{font-size:1.875vw}.demo.is-liquid .mv__box-txt{font-size:1.09vw}.demo.is-liquid .mv__note{margin-top:.94vw;font-size:1.02vw}.demo.is-liquid .band{padding:2.5vw 0}.demo.is-liquid .band__txt{font-size:1.17vw}.demo.is-liquid .about{padding:3.75vw 0}.demo.is-liquid .about__ttl{margin-bottom:1.25vw;font-size:2.031vw}.demo.is-liquid .about__txt{font-size:1.25vw}.demo.is-liquid .features{padding:3.125vw 0}.demo.is-liquid .features__ttl{margin-bottom:1.875vw;font-size:2.344vw}.demo.is-liquid .features__list{gap:3.125vw}.demo.is-liquid .card{padding:1.25vw}.demo.is-liquid .card__ttl{margin:1.094vw 0 .625vw;font-size:1.5625vw}.demo.is-liquid .card__txt{font-size:1.17vw}}