/* 制作者向け。作品は変形させず、写真・実画面・図解の役割を分ける。 */
.creators-page{--creator-blue:#315ee7;--creator-ink:#202228;--creator-muted:#666;--creator-line:#ddd;--creator-wash:#f6f6f6;background:transparent;color:var(--creator-ink)}
.creators-page :is(h1,h2,h3,p,figure){margin:0}
.creators-page h2{font-size:clamp(28px,2.7vw,36px);font-weight:700;line-height:1.7;letter-spacing:0}
.creators-page h3{font-size:24px;font-weight:700;line-height:1.65}
.creators-page p{font-size:16px;line-height:1.95}
.creators-page .creator-kicker{font-family:Anton,sans-serif;font-size:16px;letter-spacing:.045em;line-height:1.5;color:#929292;margin-bottom:20px}
.creator-container{width:calc(100% - var(--gutter)*2);max-width:1100px;margin-inline:auto}
.creator-wide{width:calc(100% - var(--gutter)*2);max-width:1260px;margin-inline:auto}
.creator-section{padding-block:128px}
.creator-section-heading{text-align:center;margin-bottom:68px}
.creators-page .creator-note{font-size:12px;line-height:1.85;color:#777}
.creator-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:34px}
.creator-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;gap:13px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.6;text-decoration:none;box-shadow:inset 0 1px 1px #ffffff40,0 4px 9px #1b1e2410;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.creator-button .cta-motif{width:36px;height:30px;flex-basis:36px}
.creator-button-blue{background:var(--creator-blue);color:#fff}
.creator-button-blue:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 8px 14px #275cdf20}
.creator-button-white{background:#fff;color:var(--creator-ink)}
.creator-button-white:hover{background:var(--creator-blue);color:#fff;transform:translateY(-2px)}
.creator-text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;min-height:44px;text-decoration:none}
.creator-text-link svg{width:20px;height:20px;transition:transform .3s}
.creator-text-link:hover{color:var(--creator-blue)}
.creator-text-link:hover svg{transform:translateX(4px)}
/* 制作と打ち合わせの写真をビューポートに固定し、各枠の中で画像だけを拡大する。 */
.creator-hero{position:relative;z-index:1;background:transparent;clip-path:inset(0)}
.creator-hero-firstview{position:relative;z-index:1;display:grid;place-items:center;min-height:min(100svh,1000px);padding:150px var(--gutter) 100px;background:transparent;color:#fff}
.creator-hero-photos{position:fixed;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100svh;pointer-events:none;z-index:0;background:#202228}
.creator-hero-photos[hidden]{display:none}
.creator-hero-photo-frame{position:relative;min-width:0;min-height:0;overflow:hidden}
.creator-hero-photos img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55);transform:scale(1);transform-origin:center;will-change:transform}
.creator-hero-photo-work{object-position:center}
.creator-hero-photo-meeting{object-position:center}
.creator-hero-photos:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1113157a,#11131591)}
.creator-hero-copy{width:100%;max-width:1400px;margin-inline:auto;text-align:center}
.creators-page .creator-hero h1{font-family:Inter,sans-serif;font-size:clamp(76px,10.4vw,158px);font-weight:600;line-height:1.04;letter-spacing:-.065em}
.creator-hero h1 span{display:block}
.creators-page .creator-hero-subtitle{margin-top:42px;font-size:clamp(28px,2.85vw,40px);font-weight:600;line-height:1.8;letter-spacing:.025em}
.creator-hero-subtitle span,.creator-intro span{display:inline-block}
.creator-intro{position:relative;z-index:1;text-align:center;padding:80px var(--gutter) 110px;color:#fff}
.creators-page .creator-intro p{font-size:16px;font-weight:500;line-height:2.1;letter-spacing:.015em}
.creators-page .creator-intro p+p{margin-top:26px}
.creators-page .creator-intro-opening{font-weight:700}
.creator-content{position:relative;z-index:2;background:#fff}
.creator-benefits{background:#fff;padding-block:20px 80px}
.creator-story{max-width:1180px}
.creator-story-stage{display:none}
.creator-benefit{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center;padding-block:75px}
.creator-benefit h3{font-size:clamp(28px,2.55vw,36px);line-height:1.75;letter-spacing:0}
.creator-benefit h3>span{display:inline-block}
.creators-page .creator-benefit-description{margin-top:30px;color:#555;font-size:16px;line-height:2.1}
.creators-page .creator-benefit-description p{font-size:inherit;line-height:inherit}
.creators-page .creator-benefit-description p+p{margin-top:20px}
.creator-benefit-text>.creator-note{margin-top:23px;font-size:11px}
.creator-scene{position:relative;width:100%;aspect-ratio:1;background:transparent;isolation:isolate}
.creator-scene-image{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:901px){
 .creator-story[data-enhanced]{--creator-story-row-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;gap:96px;align-items:start}
 .creator-story[data-enhanced] .creator-story-stage{display:flex;align-items:center;justify-content:center;position:sticky;top:0;align-self:start;min-height:var(--creator-story-row-height);box-sizing:border-box}
 .creator-story[data-enhanced] .creator-inline-scene{display:none}
 .creator-story[data-enhanced] .creator-benefit{display:flex;align-items:center;min-height:var(--creator-story-row-height);box-sizing:border-box;padding-block:clamp(64px,12svh,110px)}
 .creator-scene-stack{position:relative;width:min(100%,calc(100svh - clamp(80px,16svh,150px)));aspect-ratio:1}
 .creator-scene-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s,transform .55s,visibility .4s}
 .creator-story[data-active="0"] [data-creator-scene="0"],.creator-story[data-active="1"] [data-creator-scene="1"],.creator-story[data-active="2"] [data-creator-scene="2"]{opacity:1;visibility:visible;transform:none}
}
.creator-tools{background:var(--creator-wash)}
.creator-catalog-feature{display:grid;grid-template-columns:.72fr 1fr;gap:70px;align-items:center;padding-bottom:72px;border-bottom:1px solid #dcdcdc}
.creator-feature-mark{display:block;margin-bottom:22px;color:var(--creator-blue)}
.creator-feature-mark svg{width:40px;height:40px;stroke-width:1.1}
.creator-catalog-copy h3{font-size:30px;line-height:1.75}
.creator-catalog-copy p{font-size:15px;color:#666;margin-top:22px;line-height:2}
.creator-catalog-copy .creator-text-link{margin-top:23px}
.creator-catalog-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.creator-catalog-art figure{border:1px solid #ddd;border-radius:2px;overflow:hidden;box-shadow:0 9px 20px -15px #2224}
.creator-catalog-art img{display:block;width:100%;height:auto}
.creator-catalog-art figure:nth-child(even){transform:translateY(25px)}
.creator-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;margin-top:38px}
.creator-tool-art{height:240px;position:relative;display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:20px}
.creator-tool-grid h3{font-size:22px}
.creator-tool-grid p{font-size:15px;color:#666;margin-top:20px;line-height:2}
.creator-tool-grid .creator-note{font-size:11px;line-height:1.85;color:#888;margin-top:15px}
.creator-transfer-site{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:13px;color:#666}
.creator-transfer-site svg{width:77px;height:77px;color:#303641;stroke-width:.9}
.creator-transfer-route{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--creator-blue);margin-top:8px}
.creator-transfer-route svg{width:100px;height:34px;stroke-width:1.2}
.creator-transfer-route span{font:10px/1.6 Inter,sans-serif;letter-spacing:.03em}
.creator-pattern-page{width:200px;padding:16px;background:#fff;border:1px solid #c5c8cf;border-radius:3px}
.creator-pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.creator-pattern-header i{width:25px;height:5px;background:#303641}
.creator-pattern-header b{width:50px;height:3px;background:#c5c8cf}
.creator-pattern-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:14px}
.creator-pattern-hero span{height:25px;margin-top:14px;background:repeating-linear-gradient(to bottom,#969da8 0 3px,transparent 3px 8px)}
.creator-pattern-hero i{height:64px;background:#e0e6f4}
.creator-pattern-cards{display:flex;gap:8px;border-top:1px solid #ddd;padding-top:12px}
.creator-pattern-cards i{height:32px;flex:1;background:#eff1f5}
.creator-pattern-options{display:grid;gap:16px}
.creator-pattern-options>span{font:11px/1.5 Inter,sans-serif;color:#777;display:flex;align-items:center;gap:8px}
.creator-pattern-options i{display:block;width:13px;height:13px;border-radius:50%;background:#315ee7}
.creator-pattern-options i:nth-child(2){background:#343941}.creator-pattern-options i:nth-child(3){background:#fff;border:1px solid #ccc}
.creator-pattern-options b{font:19px/1.5 Georgia,serif;color:#202228}
.creator-pattern-options svg{width:22px;height:22px;color:#202228;stroke-width:1}
.creator-more{padding-block:105px 112px}
.creator-more .creator-section-heading{margin-bottom:58px}
.creator-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 45px}
.creator-more-grid>div{display:flex;align-items:center;gap:22px;padding:30px 0;border-top:1px solid #e4e4e4}
.creator-more-grid svg{width:39px;height:39px;color:#4b5261;stroke-width:1.1;flex-shrink:0}
.creator-more-grid h3{font-size:16px;font-weight:600}
.creator-faq{background:#f7f7f7}
.creator-faq-layout{display:grid;grid-template-columns:280px 1fr;gap:85px}
.creator-faq .creator-kicker{font-size:58px;line-height:1.1;color:#202228;letter-spacing:.01em;margin-bottom:22px}
.creator-faq h2{font-size:26px}
.creator-faq header>p:last-child{font-size:14px;color:#777;margin-top:18px}
.creator-faq-items{border-top:1px solid #d8d8d8}
.creator-faq details{border-bottom:1px solid #d8d8d8}
.creator-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;font-size:15px;font-weight:600;line-height:1.85;padding:27px 0;transition:color .25s}
.creator-faq summary::-webkit-details-marker{display:none}
.creator-faq summary:hover{color:var(--creator-blue)}
.creator-faq summary>span{position:relative;width:13px;height:13px;flex:0 0 13px}
.creator-faq summary>span:before,.creator-faq summary>span:after{content:"";position:absolute;left:0;top:6px;height:1px;width:13px;background:currentColor;transition:transform .3s}
.creator-faq summary>span:after{transform:rotate(90deg)}
.creator-faq details[open] summary>span:after{transform:none}
.creator-faq details>div{font-size:14px;line-height:2;color:#666;padding:0 30px 28px 0}
.creator-pricing{background:#202228;color:#fff}
.creator-pricing-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}
.creator-pricing .creator-kicker{color:#a5a7ac}
.creator-pricing h2{font-size:34px}
.creator-keep{display:inline-block}
.creator-pricing h2+p{color:#bdbdbd;font-size:15px;margin-top:25px}
.creators-page .creator-price{display:flex;align-items:baseline;line-height:1;margin-top:34px;gap:8px;white-space:nowrap}
.creator-price>span:first-child{font-size:14px;margin-right:13px}
.creator-price strong{font:400 98px/1.1 Inter,sans-serif;letter-spacing:-.06em}
.creator-price>span{font-size:25px}
.creator-price small{font-size:12px;color:#bdbdbd}
.creators-page .creator-pricing-periods{font-size:12px;color:#aaa;margin-top:19px}
.creator-pricing-main .creator-button{margin-top:34px}
.creator-multi{border-left:1px solid #ffffff30;padding:15px 0 15px 58px}
.creators-page .creator-multi-label{font-size:12px;color:#aaa;margin-bottom:17px}
.creator-multi h3{font-size:22px;font-weight:500;line-height:1.8}
.creator-multi-count{display:flex;align-items:baseline;gap:13px;margin-top:30px;padding-block:22px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.creator-multi-count strong{font:400 52px/1 Inter,sans-serif;letter-spacing:-.03em}
.creator-multi-count span{font-size:14px;color:#ddd}
.creator-multi-sites{margin-left:auto;align-self:center}.creator-multi-sites svg{width:36px;height:36px;stroke-width:.8;color:#aaa}
.creator-multi-count+p{font-size:15px;font-weight:500;line-height:1.9;margin-top:24px}
.creator-multi>small{display:block;font-size:11px;color:#999;line-height:1.8;margin-top:12px}
.creator-closing{margin:0}
.creator-closing .home-closing-inner{max-width:1000px}
.creator-closing .home-closing-inner p{font-weight:700}
.creator-closing h2{font-size:clamp(24px,2.4vw,31px)}
.creator-only-small{display:none}
.creator-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.creators-page :is(a,summary):focus-visible{outline:2px solid var(--creator-blue);outline-offset:5px}
@media(max-width:1200px){
 .creator-story[data-enhanced]{gap:65px}.creator-benefit h3{font-size:31px}
 .creator-catalog-feature{gap:48px}.creator-tool-grid{gap:60px}.creator-tool-art{gap:20px}.creator-transfer-route svg{width:75px}.creator-transfer-site svg{width:65px;height:65px}.creator-more-grid{gap:0 28px}.creator-more-grid>div{gap:17px}.creator-faq-layout{grid-template-columns:250px 1fr;gap:55px}.creator-pricing-layout{gap:55px}.creator-pricing h2{font-size:30px}.creator-multi{padding-left:38px}
}
@media(max-width:900px){
 .creator-benefit h3{text-wrap:balance}.creator-benefit h3 br{display:none}
 .creator-hero-photo-work{object-position:25% center}.creator-hero-photo-meeting{object-position:75% center}
 .creator-hero-firstview{min-height:min(94svh,920px);padding-block:150px 100px}.creators-page .creator-hero h1{font-size:clamp(70px,10.6vw,100px)}.creators-page .creator-hero-subtitle{font-size:20px;margin-top:32px}.creator-intro{padding-bottom:105px}.creators-page .creator-intro p{font-size:19px}
 .creator-button{font-size:14px;padding:12px 18px;gap:10px}.creator-text-link{font-size:13px}
 .creator-section{padding-block:88px}.creator-section-heading{margin-bottom:50px}.creator-benefits{padding-block:0 40px}.creator-benefit{gap:35px;padding-block:65px;grid-template-columns:1fr 1fr}.creator-benefit h3{font-size:26px}.creators-page .creator-benefit-description{font-size:14px;margin-top:22px;line-height:2}.creator-benefit-description br{display:none}.creator-note{font-size:10px!important}.creator-benefit-text>.creator-note{margin-top:20px}
 .creator-catalog-feature{gap:35px;grid-template-columns:.83fr 1fr;padding-bottom:55px}.creator-catalog-copy h3{font-size:26px}.creator-catalog-copy p{font-size:14px}.creator-catalog-art{gap:10px}.creator-tool-grid{gap:40px;margin-top:22px}.creator-tool-grid h3{font-size:19px}.creator-tool-grid p{font-size:14px}.creator-tool-art{height:205px;gap:13px}.creator-transfer-site{font-size:10px}.creator-transfer-site svg{width:52px;height:52px}.creator-transfer-route svg{width:62px}.creator-transfer-route span{font-size:8px}.creator-pattern-page{width:165px;padding:12px}.creator-pattern-options{gap:12px}.creator-pattern-options>span{font-size:9px;gap:5px}.creator-pattern-options i{width:11px;height:11px}.creator-pattern-options b{font-size:16px}.creator-pattern-options svg{width:20px;height:20px}
 .creator-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.creator-more-grid h3{font-size:15px}.creator-faq-layout{grid-template-columns:1fr;gap:38px}.creator-faq header{text-align:center}.creator-faq .creator-kicker{font-size:47px;margin-bottom:15px}.creator-faq header>p:last-child{display:none}.creator-pricing h2{font-size:27px}.creator-pricing-layout{gap:35px}.creator-pricing h2+p{font-size:14px}.creator-pricing h2+p br{display:none}.creator-multi{padding-left:28px}.creator-multi h3{font-size:19px}.creator-price strong{font-size:78px}.creator-price>span{font-size:20px}.creator-price small{font-size:10px}.creator-closing .home-closing-inner{grid-template-columns:1fr;text-align:center;justify-items:center;gap:32px}
}
@media(max-width:639px){
 .creator-section{padding-block:75px}.creator-section-heading{margin-bottom:42px}.creators-page h2{font-size:clamp(24px,6.4vw,28px)}.creators-page .creator-kicker{font-size:14px;margin-bottom:17px}
 .creator-hero-firstview{min-height:min(93svh,780px);padding:125px 18px 90px}.creators-page .creator-hero h1{font-size:clamp(36px,11.7vw,74px);line-height:1.1;letter-spacing:-.065em}.creators-page .creator-hero-subtitle{font-size:16px;line-height:1.9;margin-top:30px;letter-spacing:0}.creator-hero-photos{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.creator-hero-photo-work{object-position:62% 49%}.creator-hero-photo-meeting{object-position:center 43%}.creator-intro{padding:30px 22px 80px}.creators-page .creator-intro p{font-size:15px;line-height:2.1;letter-spacing:0}.creators-page .creator-intro p+p{margin-top:24px}.creators-page .creator-intro-opening{font-size:17px}
 .creator-button{font-size:14px;min-height:55px;padding:11px 21px}
 .creator-benefits{padding-block:0 25px}.creator-benefit{display:flex;flex-direction:column;gap:31px;padding-block:36px}.creator-inline-scene{width:100%;max-width:420px;margin-inline:auto}.creator-benefit-text{width:100%;order:-1}.creator-benefit h3{font-size:clamp(24px,6.5vw,29px)}.creator-benefit-text>.creator-note{margin-top:20px}
 .creator-catalog-feature{grid-template-columns:1fr;gap:34px;padding-bottom:53px}.creator-catalog-copy h3{font-size:27px}.creator-feature-mark{margin-bottom:20px}.creator-feature-mark svg{width:35px;height:35px}.creator-catalog-copy p{font-size:14px;max-width:440px}.creator-catalog-copy .creator-text-link{margin-top:17px}.creator-catalog-art{gap:12px;padding-bottom:18px}.creator-catalog-art figure:nth-child(even){transform:translateY(18px)}.creator-tool-grid{grid-template-columns:1fr;gap:46px;margin-top:20px}.creator-tool-art{height:205px;margin-bottom:13px;gap:24px}.creator-tool-grid h3{font-size:20px}.creator-tool-grid p{font-size:14px;margin-top:16px}.creator-transfer-site svg{width:59px;height:59px}.creator-transfer-site{font-size:12px}.creator-transfer-route svg{width:70px}.creator-transfer-route span{font-size:9px}.creator-pattern-page{width:185px}.creator-pattern-options>span{font-size:11px}.creator-pattern-options{gap:18px}
 .creator-more-grid{gap:0 23px}.creator-more-grid>div{flex-direction:column;align-items:flex-start;gap:18px;padding-block:25px}.creator-more-grid svg{width:35px;height:35px}.creator-more-grid h3{font-size:13px}.creator-more .creator-section-heading{margin-bottom:36px}.creator-faq-layout{gap:30px}.creator-faq .creator-kicker{font-size:46px}.creator-faq h2{font-size:24px}.creator-faq summary{font-size:14px;gap:22px;padding:25px 0}.creator-faq details>div{font-size:13px;padding-right:0}
 .creator-pricing-layout{grid-template-columns:1fr;gap:47px}.creator-pricing h2{font-size:clamp(25px,6.5vw,28px)}.creator-price strong{font-size:85px}.creators-page .creator-price{gap:6px}.creator-price>span:first-child{margin-right:9px}.creators-page .creator-pricing-periods{font-size:12px}.creator-multi{padding:35px 0 0;border-left:0;border-top:1px solid #ffffff30}.creator-multi h3{font-size:20px}.creator-multi-count{margin-top:23px;padding-block:18px}.creator-multi-count strong{font-size:45px}.creator-multi-count+p br{display:none}.creator-multi>small{font-size:10px}.creator-closing h2{font-size:clamp(22px,5.6vw,28px)}.creator-closing .home-closing-inner p{font-size:13px}.creator-only-small{display:block}
}
@media(max-width:360px){.creator-transfer-site svg{width:50px;height:50px}.creator-tool-art{gap:17px}.creator-pattern-page{width:154px}.creator-pattern-options>span{font-size:9px}.creator-price strong{font-size:75px}}
@media(prefers-reduced-motion:reduce){.creators-page *{scroll-behavior:auto;transition:none!important}.creator-hero-photos img{will-change:auto}}