.mv{padding:76vw 0 5vw;background:#000 url("/assets/img/services/figmadesign-claudecode/bg_mv_sp.jpg") no-repeat center top/cover;color:#fff}.mv__en{display:none;margin-bottom:20px;font-size:1.8rem;font-weight:400;letter-spacing:.17em}.mv__ttl{font-size:3.1rem;font-weight:700;line-height:1.4}.mv__logo{display:inline-block;width:1.1em;height:1.1em;margin-right:8px;vertical-align:-0.2em;background:center/contain no-repeat}.mv__logo.is-figma{background-image:url("/assets/img/services/figmadesign-claudecode/logo_figma_01.svg")}.mv__logo.is-claude{background-image:url("/assets/img/services/figmadesign-claudecode/logo_claude_01.svg")}.mv__cross{display:none;margin:0 8px;font-size:1.3em;font-weight:300}.mv__mark{display:inline-block;margin-left:4px;padding:0 8px;background-color:#1ad9c9;color:#000;line-height:1.2}.mv__lead{margin-top:24px;color:#fff}.mv__btns{display:flex;gap:16px;flex-direction:column;margin-top:24px}.mv__btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;height:64px;border:2px solid;border-radius:16px;font-size:1.6rem;font-weight:700;transition:opacity .3s ease}.mv__btn.is-primary{border-color:#1ad9c9;background-color:#1ad9c9;color:#000}.mv__btn.is-secondary{border-color:#000;background-color:#fff;color:#000}.about{background-color:#000;color:#fff}.about__img{position:relative;width:100%}.about__img img{display:block;width:100%;height:auto}.about__img::after{position:absolute;bottom:0;left:0;width:100%;height:18%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);content:""}.about__inner{display:flex;flex-direction:column;position:relative;max-width:1280px;margin-bottom:30px;margin-inline:auto;padding:0;isolation:isolate}.about__inner::before{position:absolute;z-index:-1;aspect-ratio:1/1;background:no-repeat center center/cover;content:"";display:inline-block;top:100px;right:-350px;width:700px;height:auto;background-image:url("/assets/img/common/bg_magenta.png")}.about__body{position:relative;z-index:1;margin-top:-67px;padding:0 20px}.about__body .m-lead a{color:#1ad9c9;text-decoration:underline;text-underline-offset:.2em;transition:opacity .2s}.about__unit{white-space:nowrap}.about__logo{display:inline-block;width:1.1em;height:1.1em;margin-right:8px;vertical-align:-0.2em;background:center/contain no-repeat}.about__logo.is-figma{background-image:url("/assets/img/services/figmadesign-claudecode/logo_figma_01.svg")}.about__logo.is-claude{background-image:url("/assets/img/services/figmadesign-claudecode/logo_claude_01.svg")}.about__badge{position:absolute;top:24px;right:20px;z-index:2;transform:rotate(10deg);width:72px}.about__steps{display:grid;grid-template-columns:1fr;gap:30px;position:relative;max-width:1120px;margin-inline:auto;padding:0 20px;isolation:isolate}.about__steps::after{position:absolute;z-index:-1;aspect-ratio:1/1;background:no-repeat center center/cover;content:"";bottom:-130px;left:-532px;width:970px;background-image:url("/assets/img/common/bg_cyan.png")}.about__step{display:grid;grid-template-areas:"icon head" "icon label";grid-template-columns:64px 1fr;-moz-column-gap:16px;column-gap:16px;align-items:center;position:relative;padding:16px 20px;border:2px solid hsla(0,0%,100%,.2);border-radius:16px;background-color:rgba(13,13,13,.5)}.about__step:not(:last-child)::after{display:inline-block;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);aspect-ratio:10/6;width:15px;height:auto;background-color:#1ad9c9;-webkit-mask:url("/assets/img/common/icon_link_arrow_down.svg") no-repeat center center/contain;mask:url("/assets/img/common/icon_link_arrow_down.svg") no-repeat center center/contain;content:""}.about__step-head{display:flex;grid-area:head;gap:10px;align-items:center;font-size:1.6rem;line-height:1}.about__step-num{padding:0 10px;border-right:1px solid #fff;border-left:1px solid #fff;font-size:2.4rem;font-weight:600}.about__step-icon{display:flex;grid-area:icon;justify-content:center;align-items:center;height:48px}.about__step-icon img{width:auto;height:48px}.about__step-label{grid-area:label;font-size:1.8rem;line-height:1.4}.features{overflow:hidden;background-color:#000;color:#fff}.features__inner{position:relative;z-index:1}.features__inner::before,.features__inner::after{position:absolute;z-index:-1;aspect-ratio:1/1;background:no-repeat center center/cover;content:""}.features__inner::before{right:-523px;bottom:1600px;width:1043px;background-image:url("/assets/img/common/bg_magenta.png")}.features__inner::after{bottom:200px;left:-735px;width:1283px;background-image:url("/assets/img/common/bg_cyan.png")}.features__list{display:flex;gap:32px;flex-direction:column}.features__item{display:flex;flex-direction:column;position:relative;padding:65px 24px 24px 24px;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;background-color:rgba(13,13,13,.5)}.features__meta{display:none}.features__num{padding-left:16px;border-left:2px solid #fff;font-size:3.2rem;font-weight:700;line-height:1}.features__logos{display:flex;gap:24px;align-items:center}.features__logo{height:24px}.features__logo img{display:block;width:auto;height:100%}.features__ttl{font-size:2.2rem;font-weight:700;line-height:1.5}.features__txt{margin-top:16px;font-size:1.6rem;line-height:1.6}.features__img{order:-1;margin-bottom:24px}.features__img img{display:block;width:100%;border-radius:16px}.service{overflow:hidden;background-color:#000;color:#fff}.service__inner{position:relative;z-index:1}.service__inner::before,.service__inner::after{position:absolute;z-index:-1;aspect-ratio:1/1;background:no-repeat center center/cover;content:""}.service__inner::before{top:-512px;left:-912px;width:1682px;background-image:url("/assets/img/common/bg_magenta.png")}.service__inner::after{right:-1117px;bottom:-681px;width:2037px;background-image:url("/assets/img/common/bg_cyan.png")}.service__main{display:grid;gap:24px;position:relative;margin-bottom:32px;padding:24px;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;background-color:rgba(13,13,13,.5)}.service__main-meta{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;align-items:center}.service__main-ttl{margin-top:16px;font-size:2.2rem;font-weight:700;line-height:1.5}.service__main-txt{margin-top:24px;font-size:1.6rem;line-height:1.5}.service__main-img{overflow:hidden;border-radius:16px}.service__label{display:grid;grid-template-columns:2px 1fr;gap:8px;align-items:center;font-size:1.8rem;font-weight:500;line-height:1.2}.service__label::before{aspect-ratio:2/35;width:100%;height:auto;background-color:#fff;content:""}.service__logo{display:grid;grid-template-columns:auto auto;gap:16px;align-items:center}.service__logo-item{height:20px}.service__logo-item img{display:block;width:auto;height:100%}.service__opt-head{display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center;margin:20px 0 16px}.service__opt-ttl{font-size:2rem;font-weight:700}.service__opt-txt{font-size:1.8rem;line-height:1.5}.price{background-color:#fafafa;color:#000}.estimate{padding:60px 0;background-color:#eee;color:#222}.estimate__inner{position:relative}.estimate__inner::before{position:absolute;top:-20px;right:20px;aspect-ratio:132/79;width:80px;height:auto;background:url("/assets/img/services/figmadesign-claudecode/img_estimate.svg") no-repeat center center/contain;content:""}.estimate__ttl{margin-bottom:24px;font-size:2.2rem;font-weight:700}.estimate__sub{margin-bottom:14px;font-size:1.8rem;font-weight:700}.estimate__desc{margin-bottom:20px;color:#666;font-size:1.3rem;line-height:1.95}.estimate__form{display:flex;gap:24px;flex-direction:column}.estimate__fields{padding:20px;border-radius:16px;background-color:#fff}.estimate__field{display:grid;grid-template-columns:1fr;gap:8px;padding:8px 0}.estimate__field label,.estimate__field-label{font-size:1.3rem}.estimate__input{position:relative;width:100%}.estimate__input select,.estimate__input input[type=number]{display:block;width:100%;height:40px;padding:8px 38px 8px 16px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fff;color:#000;font-family:inherit;font-size:1.6rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.estimate__input select:focus,.estimate__input input[type=number]:focus{border-color:#222;outline:none}.estimate__input input[type=number]::-webkit-inner-spin-button,.estimate__input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.estimate__input::after{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:14px;height:8px;background-color:#000;-webkit-mask:url("/assets/img/common/icon_link_arrow_down_02.svg") no-repeat center center/contain;mask:url("/assets/img/common/icon_link_arrow_down_02.svg") no-repeat center center/contain;content:"";pointer-events:none}.estimate__input.is-number::after{content:none}.estimate__input.is-invalid select,.estimate__input.is-invalid input{border-color:#c0392b}.estimate__spin{display:flex;flex-direction:column;justify-content:center;gap:6px;position:absolute;top:0;right:15px;height:100%}.estimate__spin-btn{display:flex;justify-content:center;align-items:center;width:14px;height:8px;margin:0;padding:0;border:0;background-color:rgba(0,0,0,0);cursor:pointer}.estimate__spin-btn::before{width:14px;height:8px;background-color:#000;-webkit-mask:url("/assets/img/common/icon_link_arrow_down_02.svg") no-repeat center center/contain;mask:url("/assets/img/common/icon_link_arrow_down_02.svg") no-repeat center center/contain;content:""}.estimate__spin-btn.is-up::before{transform:scaleY(-1)}.estimate__error{color:#c0392b;font-size:1.2rem;line-height:1.4}.estimate__error:empty{display:none}.estimate__options{display:flex;gap:12px;flex-wrap:wrap}.estimate__check{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border:1px solid #d9d9d9;border-radius:8px;background-color:#f2f2f2;font-size:1.6rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s}.estimate__check input{display:none}.estimate__check::before{content:"";flex-shrink:0;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px;background-color:#fff}.estimate__check.is-checked::before{background-image:url("/assets/img/common/icon_checkbox_check.svg");background-repeat:no-repeat;background-position:center}.estimate__result{padding-top:24px;text-align:center}.estimate__result-label{margin-bottom:8px;font-size:1.4rem;font-weight:700}.estimate__amount{margin-bottom:6px;font-size:4.4rem;font-weight:700;line-height:1.1}.estimate__yen{font-size:4rem}.estimate__suffix{margin-left:2px;font-weight:700}.estimate__note{margin-bottom:16px;font-size:1.6rem}.estimate__breakdown{margin-bottom:24px;padding-top:20px;border-top:1px solid #ccc;text-align:left}.estimate__row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:1.3rem}.estimate__row.is-hidden{display:none}.estimate__row.is-zero{opacity:.4}.estimate__row.is-total{margin-top:16px;padding-top:14px;border-top:1px solid #ccc;font-size:1.4rem}.estimate__cta{display:block;width:100%;padding:27px 18px;border-radius:16px;background-color:#000;color:#fff;font-size:1.4rem;font-weight:700;text-align:center;transition:opacity .15s}.flow{background-color:#fafafa;color:#000}.case{position:relative;overflow:hidden;background-color:#000;color:#fff}.case__inner{position:relative;z-index:1}.case__inner::before,.case__inner::after{position:absolute;z-index:-1;aspect-ratio:1/1;background:no-repeat center center/cover;content:""}.case__inner::before{top:-588px;left:-1117px;width:2037px;background-image:url("/assets/img/common/bg_cyan.png")}.case__inner::after{right:-815px;bottom:-312px;width:1682px;background-image:url("/assets/img/common/bg_magenta.png")}.case__list{display:flex;gap:24px;flex-direction:column}.case__card{padding:28px;border-radius:16px;background-color:#fff;color:#000}.case__num{display:grid;grid-template-columns:3px 1fr;gap:8px;align-items:center;font-size:1.8rem;font-weight:500;line-height:1.2}.case__num::before{aspect-ratio:3/35;width:100%;height:auto;background-color:#1ad9c9;content:""}.case__client{display:block;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:8px 16px;border-radius:4px;background-color:#1ad9c9;color:#fff;font-size:1.6rem;font-weight:700;line-height:1}.case__ttl{margin-top:16px;font-size:2.2rem;font-weight:700;line-height:1.5}.case__txt{margin-top:24px;font-size:1.5rem;line-height:1.5}.case__fig{position:relative;margin:24px auto 0}.is-01 .case__fig{aspect-ratio:480/471}.is-02 .case__fig{aspect-ratio:472/505}.is-03 .case__fig{aspect-ratio:487/478}.case__fig-bg{position:absolute;top:0;right:0;aspect-ratio:1/1;width:93.3%;overflow:hidden;border-radius:16px}.case__fig-bg img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.case__fig-shot{position:absolute;left:0}.is-01 .case__fig-shot{top:18.5%;width:57.1%}.is-02 .case__fig-shot{top:29.1%;width:100%}.is-03 .case__fig-shot{top:23.8%;width:52.8%}.point{background-color:#fafafa;color:#000}.point__list{display:grid;gap:24px}.point__item{margin-bottom:0;padding:16px}.point__txt{margin-top:14px;padding:0 16px;font-size:1.5rem;line-height:1.9}.faq{background-color:#fafafa;color:#000}.magazine{background-color:#fafafa;color:#000}@media screen and (min-width: 768px){.mv{display:flex;align-items:center;min-height:800px;padding:0;background:#000 url("/assets/img/services/figmadesign-claudecode/bg_mv.jpg") no-repeat center center/contain}.mv__inner{padding:40px 20px}.mv__en{display:block}.mv__ttl{font-size:4.2rem}.mv__cross{display:inline}.mv__lead{max-width:520px}.mv__btns{margin-top:40px}.mv__btn{width:400px;height:80px;font-size:1.8rem}.mv__btn:hover{opacity:.8}.about__img{position:absolute;top:0;left:-70px;width:672px}.about__img img{-o-object-fit:cover;object-fit:cover;height:100%;-o-object-position:center;object-position:center}.about__img::after{content:none}.about__inner{justify-content:center;min-height:626px;margin-bottom:0;padding:0 80px 0 530px}.about__inner::before{top:-406px;right:-689px;width:1280px}.about__body{margin-top:0;padding:0}.about__body .m-lead a:hover{opacity:.7}.about__badge{top:60px;right:79px;width:128px}.about__steps{grid-template-columns:repeat(5, 1fr);gap:40px;padding:0}.about__steps::after{bottom:-1215px;left:-932px;width:1670px}.about__step{display:flex;flex-direction:column;align-items:center;width:192px;padding:28px 16px;text-align:center}.about__step:not(:last-child)::after{top:50%;right:-25px;bottom:auto;left:auto;transform:none;aspect-ratio:10/17;width:10px;-webkit-mask:url("/assets/img/common/icon_arrow_right_white.svg");mask:url("/assets/img/common/icon_arrow_right_white.svg")}.about__step-head{justify-content:center;font-size:1.8rem}.about__step-num{font-size:3.2rem}.about__step-icon{height:56px;margin:38px 0}.about__step-icon img{height:56px}.features__inner::before{right:-1423px;bottom:-576px;width:2543px}.features__inner::after{bottom:-837px}.features__list{gap:48px}.features__item{flex-direction:row;align-items:center;padding:48px}.features__item.is-reverse{justify-content:flex-end}.features__item.is-reverse .features__img{right:auto;left:0}.features__body{width:520px}.features__meta{display:flex;gap:16px;justify-content:space-between;align-items:center}.features__ttl{margin-top:16px;font-size:3rem}.features__txt{font-size:1.8rem}.features__img{position:absolute;right:-3.57%;bottom:0;order:0;width:47.8%;margin-bottom:0}.features__img img{width:auto;height:100%;border-radius:0}.service__main{grid-template-columns:520px 1fr;gap:56px;padding:48px}.service__main-ttl{font-size:3rem}.service__main-txt{font-size:1.8rem}.service__logo-item{height:24px}.service__opt-ttl{font-size:2.4rem}.estimate{padding:100px 0}.estimate__inner::before{top:0;right:80px;width:132px}.estimate__ttl{margin-bottom:36px;font-size:2.6rem}.estimate__sub{font-size:2rem}.estimate__desc{margin-bottom:40px}.estimate__form{display:grid;grid-template-columns:1fr 410px;gap:56px}.estimate__fields{padding:32px}.estimate__field{grid-template-columns:210px 1fr;-moz-column-gap:20px;column-gap:20px;align-items:center}.estimate__field label,.estimate__field-label{font-size:1.6rem}.estimate__spin-btn:hover::before{background-color:#222}.estimate__error{margin-top:4px;grid-column:2}.estimate__check:hover{background-color:#eaeaea}.estimate__result{position:sticky;top:20px;padding-top:0}.estimate__amount{font-size:5.6rem}.estimate__row{margin-bottom:10px;font-size:1.8rem}.estimate__row.is-total{font-size:1.8rem}.estimate__cta{font-size:1.8rem}.estimate__cta:hover{opacity:.85}.case__list{gap:40px}.case__card{display:grid;grid-template-columns:1fr 480px;gap:24px;align-items:center;padding:48px}.case__client{font-size:1.8rem}.case__ttl{font-size:3rem}.case__txt{font-size:1.8rem}.case__fig{margin:0}.point__list{gap:32px}.point__item{padding-bottom:40px}.point__txt{padding:0 32px;font-size:1.6rem}}@media screen and (max-width: 767px){.mv__lead{font-size:1.4rem}.about{padding-bottom:60px}.about__step{row-gap:8px}.about .m-ttl-e02,.features .m-ttl-e02{grid-template-columns:18px 1fr;-moz-column-gap:8px;column-gap:8px;margin-bottom:32px;font-size:1.6rem;font-weight:500;letter-spacing:.06em}.about .m-ttl-02,.features .m-ttl-02{font-size:3.1rem;line-height:1.4}}