:root{--blue:#1764d9;--pink:#ff536c;--ink:#101926;--navy:#07111f;--line:#dfe6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP",sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}header{height:66px;display:flex;align-items:center;padding:0 max(34px,calc((100vw - 1320px)/2));gap:32px;position:sticky;top:0;background:#fffc;backdrop-filter:blur(10px);z-index:20;box-shadow:0 1px 0 #e8edf3}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo>span{width:42px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3d64 0 48%,#1765df 49%);transform:skew(-12deg);color:#fff;font-size:23px;font-weight:900}.logo b{font-size:19px;line-height:1}.logo small{display:block;font-size:6px;letter-spacing:.14em;color:#748094;margin-top:4px}nav{display:flex;align-items:center;gap:25px;margin-left:auto}nav a{font-size:11px;font-weight:700;white-space:nowrap}nav a.active,nav a:hover{color:var(--pink)}.head-tools{display:flex;align-items:center;gap:12px}.head-tools button{border:0;background:none;font-size:17px}.head-tools a{background:var(--pink);color:#fff;padding:12px 17px;border-radius:6px;font-size:10px;font-weight:800}.hamb{display:none}.hero{height:610px;position:relative;overflow:hidden;background:#162b5a}.hero>img{width:100%;height:100%;object-fit:cover}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,#071a4090,transparent 51%)}.hero-copy{position:absolute;top:65px;left:max(55px,calc((100vw - 1280px)/2));color:#fff;text-shadow:0 2px 12px #0e1e4a60}.hero-copy>p{font-size:49px;line-height:1.35;font-weight:800;margin:0 0 8px;letter-spacing:.05em}.hero-copy>span{font-size:12px;font-weight:700}.hero-logo{display:flex;align-items:center;margin:22px 0 11px}.hero-logo i{width:64px;height:52px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4469 0 48%,#1767dc 49%);transform:skew(-12deg);font-size:34px;font-weight:900}.hero-logo b{font-size:32px;margin-left:13px}.hero-copy>small{font-size:11px;line-height:1.8}.hero-buttons{display:flex;gap:14px;margin-top:21px}.hero-buttons a{padding:14px 27px;border-radius:99px;background:#ee334e;font-size:11px;font-weight:800;text-shadow:none}.hero-buttons a+a{background:#fff;color:var(--blue);border:1px solid var(--blue)}.hero-catch{position:absolute;right:8%;bottom:40px;color:#fff;font-size:24px;transform:rotate(-8deg);text-shadow:0 2px 10px #174695}.icon-menu{display:grid;grid-template-columns:repeat(6,1fr);height:135px;box-shadow:0 6px 22px #19305318;position:relative}.icon-menu a{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--line)}.icon-menu i{font-style:normal;font-size:28px;color:#1765d8;margin-bottom:8px}.icon-menu b{font-size:11px}.icon-menu small{font-size:8px;color:#667386;margin-top:4px}.service-intro{height:230px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;background:linear-gradient(110deg,#fff 45%,#f7eefa)}.service-intro>div:first-child{padding:45px 0 0 max(55px,calc((100vw - 1280px)/2))}.service em,.side-title em,.works em{font-style:normal;font-size:10px;font-weight:800;color:#ff5b76}.service h2,.side-title h2,.works h2{font-size:31px;margin:6px 0 7px}.service p,.side-title p,.works p{font-size:10px;line-height:1.8;color:#596579}.service a,.side-title a,.works a{display:inline-block;border:1px solid #ff637a;color:#f34763;padding:10px 20px;border-radius:99px;font-size:9px;font-weight:700}.service-character{background:linear-gradient(90deg,#fff0,transparent),url("assets/hero-vtuber-v2.webp") 52% 35%/cover}.service-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px max(28px,calc((100vw - 1380px)/2)) 30px}.service-cards article{height:240px;background:#07111f;color:#fff;position:relative;overflow:hidden;border-radius:3px}.tile{background-image:url("assets/portfolio-grid.webp");background-size:300% 200%;background-repeat:no-repeat}.t1{background-position:0 0}.t2{background-position:50% 0}.t3{background-position:100% 0}.t4{background-position:0 100%}.t5{background-position:50% 100%}.t6{background-position:100% 100%}.service-cards .tile{height:100%;opacity:.9}.service-cards article:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#06101e)}.service-cards b,.service-cards small{position:absolute;z-index:2;left:14px}.service-cards b{bottom:36px;font-size:11px}.service-cards small{bottom:19px;font-size:8px;color:#bec8d5}.works{height:320px;background:#07111f;color:#fff;display:grid;grid-template-columns:340px 1fr;gap:35px;padding:35px max(30px,calc((100vw - 1320px)/2));overflow:hidden}.works-title{padding-top:10px}.works h2{margin:5px 0}.works p{color:#bbc6d4}.works a{background:#fff;color:#ff4564}.works-title>small{display:block;color:#6e7d91;font-size:7px;margin-top:8px}.work-slider{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.work-slider article{height:250px;border-radius:4px;overflow:hidden;position:relative}.creator{background-image:url("assets/creator-lineup.webp");background-size:500% 100%;background-repeat:no-repeat}.c1{background-position:0}.c2{background-position:25%}.c3{background-position:50%}.c4{background-position:75%}.c5{background-position:100%}.work-slider .creator{height:100%}.work-slider article:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#111827)}.work-slider span{position:absolute;bottom:10px;left:12px;right:12px;text-align:center;background:#fff;color:#1a2230;border-radius:99px;font-size:8px;padding:5px;z-index:2}.creators,.flow,.voice,.news{display:grid;grid-template-columns:300px 1fr;gap:30px;padding:38px max(30px,calc((100vw - 1320px)/2))}.side-title h2{font-size:29px}.creator-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.creator-list article{text-align:center}.creator-list .creator{height:180px;border-radius:8px;border:1px solid var(--line)}.creator-list b,.creator-list small{display:block}.creator-list b{font-size:10px;margin-top:7px}.creator-list small{font-size:7px;color:#657185}.estimate{height:360px;background:linear-gradient(100deg,#fff6fa,#f6fbff);padding:30px max(30px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:220px 210px 1fr;align-items:center}.estimate-copy em{font-style:normal;font-size:10px;font-weight:800;color:#ff5b76}.estimate-copy h2{font-size:28px;margin:5px 0}.estimate-copy p{font-size:9px;line-height:1.8}.estimate-copy i{display:block;color:#ff506e;font-size:11px;transform:rotate(-7deg);margin:18px 0 0 120px}.estimate-art{height:300px;background:url("assets/hero-vtuber-v2.webp") 58% center/cover no-repeat;clip-path:polygon(8% 0,100% 0,95% 100%,0 100%)}.estimate-box{height:270px;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1.15fr .9fr .95fr;box-shadow:0 10px 30px #213f6517}.est-col,.price{padding:20px;border-right:1px solid var(--line)}.estimate-box h3{font-size:11px;margin:0 0 13px}.estimate-box h3 span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1560d6;color:#fff}.choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choices button{font-size:8px;text-align:left;padding:9px 7px;background:#fff;border:1px solid var(--line);border-radius:4px}.choices button.on{border-color:#1a63d9;background:#f1f6ff;color:#145bce}.est-col label{display:block;font-size:9px;margin:13px 0}.price{text-align:center;border:0}.price small{font-size:8px}.price>b{display:block;font-size:24px;line-height:1.4;margin:10px 0}.price a{display:block;background:#ef354d;color:#fff;border-radius:7px;padding:13px 5px;font-size:9px;font-weight:800}.flow{align-items:center}.flow-list{display:flex;align-items:center}.flow-list article{width:120px;height:135px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.flow-list article span{position:absolute;top:-11px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#1763d6;color:#fff;font-size:7px}.flow-list article i{font-style:normal;font-size:23px}.flow-list b{font-size:9px;margin:7px 0}.flow-list small{font-size:7px;color:#738094}.flow-list u{text-decoration:none;color:#1763d6;margin:0 5px}.voice{background:#f7faff;align-items:center}.voice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.voice-list article{min-height:125px;padding:16px 12px 13px 65px;background:#fff;border:1px solid var(--line);position:relative}.avatar{position:absolute;left:13px;top:16px;width:40px;height:40px;border-radius:50%;background-image:url("assets/creator-lineup.webp");background-size:500% 100%}.voice-list span{color:#ffc41c;font-size:10px}.voice-list p{font-size:8px;line-height:1.8}.news{align-items:center}.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-cards article{border:1px solid var(--line);padding-bottom:12px}.news-cards .tile{height:95px}.news-cards time,.news-cards b{display:block;margin:7px 10px}.news-cards time{font-size:7px;color:#718096}.news-cards b{font-size:9px}.cta{height:270px;position:relative;overflow:hidden}.cta>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.cta:after{content:"";position:absolute;inset:0;background:#0814374d}.cta>div{position:absolute;z-index:2;top:58px;left:55%;color:#fff;text-align:center}.cta p{font-size:28px;font-weight:800;line-height:1.5;text-shadow:0 2px 10px #214476}.cta a{display:inline-block;background:#ee314a;padding:13px 28px;border-radius:99px;font-size:10px;font-weight:800}footer{height:300px;background:#07111f;color:#fff;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:50px;padding:55px max(40px,calc((100vw - 1320px)/2))}.foot-brand p{font-size:9px;line-height:1.8;color:#a8b4c5}.foot-brand>small{font-size:7px;color:#5e6c7e}footer>div>b{font-size:10px}footer>div>a:not(.logo){display:block;color:#9ba8ba;font-size:8px;margin:11px 0}.sns span{display:block;margin-top:15px}.sample-note{font-size:6px;color:#8b97a8}
@media(max-width:900px){header{height:60px;padding:0 16px}.hamb{display:block;margin-left:auto;border:0;background:none;font-size:22px}header nav{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start}header nav.open{display:flex}.head-tools{display:none}.hero{height:650px}.hero>img{object-position:59% center}.hero-tint{background:linear-gradient(0deg,#071a40e0,transparent 75%)}.hero-copy{top:auto;left:22px;right:22px;bottom:32px}.hero-copy>p{font-size:34px}.hero-copy>span{font-size:10px}.hero-logo{display:none}.hero-copy>small{font-size:9px}.hero-catch{display:none}.icon-menu{height:auto;grid-template-columns:repeat(2,1fr)}.icon-menu a{height:105px}.service-intro{grid-template-columns:1fr;height:220px}.service-intro>div:first-child{padding:32px 22px}.service-character{display:none}.service-cards{grid-template-columns:repeat(2,1fr);padding:15px}.service-cards article{height:210px}.works{height:auto;display:block;padding:35px 20px}.work-slider{overflow-x:auto;margin-top:22px}.work-slider article{min-width:170px}.creators,.flow,.voice,.news{display:block;padding:35px 20px}.creator-list{overflow-x:auto;margin-top:22px}.creator-list article{min-width:150px}.estimate{height:auto;padding:35px 20px;grid-template-columns:1fr}.estimate-art{display:none}.estimate-box{height:auto;grid-template-columns:1fr}.est-col,.price{border-right:0;border-bottom:1px solid var(--line)}.flow-list{overflow-x:auto;margin-top:30px;padding:10px}.flow-list article{min-width:115px}.voice-list,.news-cards{margin-top:25px;grid-template-columns:1fr}.cta{height:350px}.cta>img{object-position:48% center}.cta>div{left:20px;right:20px;top:105px}.cta p{font-size:24px}footer{height:auto;grid-template-columns:1fr 1fr;padding:45px 25px;gap:35px}.foot-brand{grid-column:1/-1}}