:root{--yellow:#ffe700;--pink:#ec007a;--black:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Yu Gothic",sans-serif;font-weight:600;color:#111}a{text-decoration:none;color:inherit}.header{height:68px;background:var(--black);color:#fff;display:flex;align-items:center;gap:25px;padding:0 clamp(20px,7vw,100px);position:sticky;top:0;z-index:2}.logo{font-size:18px;font-weight:900;line-height:.8}.logo small{display:block;font-size:7px;margin-top:6px}.header nav{margin-left:auto;display:flex;gap:22px;font-size:11px}.nav-contact,.yellow{background:var(--yellow);color:#000}.nav-contact{font-size:11px;padding:12px 20px}.hero{min-height:650px;color:#fff;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 34%,rgba(0,0,0,.18) 72%),url('assets/hero-reference.png') 80% center/cover no-repeat}.hero-copy{padding:100px max(7vw,30px);max-width:700px}.pop{font-size:clamp(45px,7vw,90px);font-weight:900;line-height:.9;background:var(--yellow);color:#000;padding:0 8px;display:inline-block;transform:rotate(-4deg)}h1{font-size:clamp(55px,8vw,110px);line-height:.8;letter-spacing:-4px;margin:6px 0}.hero h1 i{font-style:normal;color:var(--yellow)}.hero strong{background:#fff;color:#000;display:inline-block;padding:8px 13px;margin:20px 0 12px;font-size:19px}.hero p{font-size:13px;line-height:2}.button{display:inline-block;padding:16px 22px;font-size:14px;font-weight:900;margin-top:8px}.section{padding:76px clamp(24px,8vw,120px);max-width:1440px;margin:auto}.section-title{display:flex;align-items:baseline;gap:15px}.section-title>b{font-size:52px;color:var(--yellow)}h2{font-size:48px;margin:0;letter-spacing:-2px}.about{background:#f4f4f4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px}.about h3{font-size:18px}.about p{font-size:13px;line-height:2}.partner{border:1px solid #222;display:grid;grid-template-columns:1fr 1.25fr;padding:18px;gap:15px;font-size:11px;line-height:1.8}.partner em{font-size:25px;font-style:normal}.partner span{border-left:1px solid #aaa;padding-left:15px}.concept{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;min-height:290px;gap:5px;background:#000}.concept b{padding:27px;background:linear-gradient(140deg,#050505,#333);color:var(--yellow);font-size:28px;font-style:italic}.concept b:nth-child(2){grid-row:span 2;color:var(--pink)}.services,.flow{background:#050505;color:#fff}.services>p{color:var(--yellow);font-size:12px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-grid article{border:1px solid var(--yellow);padding:15px;min-height:86px}.service-grid article>b{color:var(--yellow);font-size:28px}.service-grid h3{display:inline;margin-left:15px;font-size:21px}.service-grid span{display:block;margin-left:57px;font-size:12px}.works{background:#f5f5f5}.cards{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory}.work{min-width:82%;height:360px;background:#111;color:#fff;position:relative;scroll-snap-align:start}.work img{width:100%;height:100%;object-fit:cover}.work>div{position:absolute;bottom:0;width:100%;padding:70px 25px 25px;background:linear-gradient(transparent,#000)}.work b{font-size:48px;color:var(--yellow);display:block}.work span,.work strong{display:block}.work strong{font-size:20px}.more{display:grid;place-items:center;font-size:30px;line-height:1}.dots{text-align:center;color:var(--yellow);margin:17px}.flow mark{color:var(--yellow);background:none}.flow ol{display:flex;justify-content:space-between;padding:0;gap:12px;list-style:none}.flow li{flex:1;text-align:center;font-size:12px;padding-top:45px;position:relative}.flow li:before{content:"●";color:var(--yellow);font-size:28px;position:absolute;top:0;left:47%}.company{background:#fff}.company dl{display:grid;grid-template-columns:120px 1fr;max-width:780px;font-size:13px}.company dt,.company dd{margin:0;padding:10px;border-bottom:1px solid #aaa}.cta{background:var(--pink);padding:42px clamp(25px,8vw,120px);display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:clamp(42px,6vw,78px);line-height:.8}.cta p{font-size:13px}.black{background:#000;color:#fff}footer{background:#050505;color:#fff;padding:35px clamp(25px,8vw,120px);display:flex;gap:40px;align-items:center;font-size:11px}footer div:nth-last-child(1){margin-left:auto}@media(max-width:720px){.header{height:60px;padding:0 20px}.header nav{display:none}.nav-contact{margin-left:auto}.hero{min-height:620px;background-position:75% center}.hero-copy{padding:90px 25px}.about-grid{grid-template-columns:1fr;gap:25px}.partner{grid-template-columns:1fr}.partner span{border-left:0;border-top:1px solid #aaa;padding:12px 0}.service-grid{grid-template-columns:1fr}.work{min-width:92%;height:300px}.flow ol{overflow:auto;justify-content:start}.flow li{min-width:135px}.company dl{grid-template-columns:90px 1fr;font-size:11px}.cta{align-items:flex-start;gap:20px;flex-direction:column}.cta h2{font-size:50px}footer{flex-wrap:wrap;gap:20px}footer div:nth-last-child(1){margin-left:0}}.logo{display:inline-block;font-family:Impact,"Arial Narrow",sans-serif;font-size:20px;font-weight:500;letter-spacing:.3px;line-height:.8;transform:scaleY(1.16);transform-origin:left center}.logo small{display:block;font-family:Arial,"Yu Gothic",sans-serif;font-size:7px;font-weight:900;margin-top:7px;transform:scaleY(.86);transform-origin:left top}.logo{font-family:"Ostrich Sans",Impact,"Arial Narrow",sans-serif;font-size:23px;font-weight:700;letter-spacing:.5px;transform:none}.logo small{font-family:Arial,"Yu Gothic",sans-serif;transform:none}.logo{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-size:25px;font-weight:400;letter-spacing:.8px;line-height:.75}.logo{font-size:30px;letter-spacing:1px}.logo small{font-size:7px;letter-spacing:0}.logo{font-size:35px;letter-spacing:1.1px}.logo small{font-size:9px;letter-spacing:.25px;margin-top:9px}.logo small{font-weight:300}body,.logo small{font-family:Meiryo,"メイリオ",sans-serif}body,.logo small{font-family:"Noto Sans JP",Meiryo,"メイリオ",sans-serif}.hero-title-image{width:min(100%,480px);height:250px;background-image:url("assets/hero-reference.png");background-size:210% auto;background-position:0 15%;background-repeat:no-repeat;margin-bottom:10px}@media(max-width:720px){.hero-title-image{width:330px;max-width:100%;height:205px;background-size:215% auto;background-position:0 14%}}.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.02)),url("assets/hero-title-only.png");background-position:center;background-size:cover}.hero-copy{padding-top:350px}.hero-copy>strong,.hero-copy>p{position:relative;z-index:1}@media(max-width:720px){.hero{background-position:center top}.hero-copy{padding-top:385px}}.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.02)),url("assets/hero-highres-title-only-natural.webp")}.hero{background-size:100% auto;background-repeat:no-repeat;background-color:#050505}html,body{width:100%;max-width:100%;overflow-x:hidden}.hero,.header,.cta,footer{width:100%;max-width:100vw}.hero{background-size:cover}.hero{min-height:0;aspect-ratio:2974/1900;background-size:100% 100%}.hero-copy{padding-top:clamp(190px,23vw,350px)}@media(max-width:720px){.hero{aspect-ratio:2974/1900;background-size:100% 100%}.hero-copy{padding-top:clamp(95px,23vw,175px)}}@media(min-width:721px){.hero{height:calc(100svh - 68px);min-height:600px;max-height:720px;aspect-ratio:auto;background-size:cover;background-position:center}.hero-copy{padding-top:clamp(170px,24vh,285px)}}@media(min-width:721px){.hero{background-size:contain;background-repeat:no-repeat;background-color:#050505}}@media(min-width:721px){.hero{height:min(calc(100svh - 130px),620px);min-height:760px}.hero-copy{padding-top:clamp(125px,18vh,205px);transform:scale(.86);transform-origin:left top}.hero strong{font-size:16px}.hero p{font-size:11px;line-height:1.8}.hero .button{padding:12px 17px;font-size:12px}}@media(min-width:721px){.hero-copy{padding-top:clamp(360px,50vh,415px)}}@media(min-width:721px){.hero{position:relative}.hero-copy{position:absolute;left:0;top:0;width:100%;padding-top:clamp(360px,50vh,415px);pointer-events:none}.hero-copy .button{pointer-events:auto}}@media(min-width:721px){.hero-copy{left:27%;width:410px;padding-left:0;padding-right:0}}@media(min-width:721px){.hero-copy{top:50px}}@media(min-width:721px){.hero-copy{top:30px}}@media(min-width:721px){.hero-copy{transform:translateX(-60px) scale(.86)}}@media(min-width:721px){.hero-copy{transform:translateX(-65px) scale(.86)}}@media(min-width:721px){.hero strong{font-size:22px;padding:10px 15px}}@media(min-width:721px){.hero strong{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;line-height:1}}@media(min-width:721px){.hero strong{width:330px}}@media(min-width:721px){.hero strong{width:fit-content}}@media(min-width:721px){.hero p{font-size:16.5px;line-height:1.75}}@media(min-width:721px){.hero p{white-space:nowrap}}@media(min-width:721px){.hero-copy{top:20px}}@media(min-width:721px){.hero strong{position:relative;top:10px}}@media(min-width:721px){.hero .button{font-size:22px;padding:13px 19px}}@media(min-width:721px){.hero p{margin:12px 0 4px}.hero .button{margin-top:0}}@media(min-width:721px){.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero strong,.hero p,.hero .button{margin:0}}@media(min-width:721px){.hero-copy{top:30px}}@media(min-width:721px){.hero-copy{top:150px}}.header nav{display:none}.menu-toggle{width:48px;height:48px;margin-left:auto;padding:12px;border:0;background:transparent;cursor:pointer;display:grid;align-content:center;gap:6px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;transition:.2s}.header nav.is-open{display:flex;position:absolute;top:68px;right:0;width:min(320px,100vw);padding:28px;background:#222;color:#fff;flex-direction:column;gap:20px;font-size:16px;box-shadow:0 12px 25px rgba(0,0,0,.3)}.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:720px){.header nav.is-open{top:60px}}.menu-toggle{margin-left:0}.header .nav-contact{margin-left:auto}.section-title>b,.section-title h2{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400}.section-title>b,.section-title h2{letter-spacing:1px}#about .section-title>b{border-bottom:3px solid var(--yellow);padding-bottom:7px}#about .section-title>b{padding-bottom:2px}#about .section-title>b{border-bottom:0;position:relative}#about .section-title>b::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--yellow);bottom:2px;transform:translateY(-20px)}#about .partner b,#about .partner em{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:1px}#about .partner b{transform:translateY(-10px)}#about .section-title>b::after{transform:translateY(-10px)}#service .section-title>b,#works .section-title>b,#flow .section-title>b,#company .section-title>b{border-bottom:0;position:relative;padding-bottom:2px}#service .section-title>b::after,#works .section-title>b::after,#flow .section-title>b::after,#company .section-title>b::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--yellow);bottom:2px;transform:translateY(-10px)}.service-grid article>b,.service-grid h3{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:1px}.service-grid article{padding-left:100px}.service-grid article::before{content:"";position:absolute;left:20px;top:50%;width:58px;height:58px;transform:translateY(-50%);background:center/contain no-repeat}.service-grid article:nth-child(1)::before{background-image:url("assets/service-icons/icon-01.webp")}.service-grid article:nth-child(2)::before{background-image:url("assets/service-icons/icon-02.webp")}.service-grid article:nth-child(3)::before{background-image:url("assets/service-icons/icon-03.webp")}.service-grid article:nth-child(4)::before{background-image:url("assets/service-icons/icon-04.webp")}.service-grid article:nth-child(5)::before{background-image:url("assets/service-icons/icon-05.webp")}.service-grid article:nth-child(6)::before{background-image:url("assets/service-icons/icon-06.webp")}.service-grid span{margin-left:0}.flow li{padding-top:135px}.flow li::before{content:counter(flow,decimal-leading-zero);font-family:"Bebas Neue",Impact,sans-serif;font-size:42px;line-height:1;color:var(--yellow);top:0;left:50%;transform:translateX(-50%)}.flow li::after{content:"";position:absolute;top:50px;left:50%;width:74px;height:70px;transform:translateX(-50%);background:center/contain no-repeat}.flow li:nth-child(1)::after{background-image:url("assets/flow-icons/icon-01.webp")}.flow li:nth-child(2)::after{background-image:url("assets/flow-icons/icon-02.webp")}.flow li:nth-child(3)::after{background-image:url("assets/flow-icons/icon-03.webp")}.flow li:nth-child(4)::after{background-image:url("assets/flow-icons/icon-04.webp")}.flow li:nth-child(5)::after{background-image:url("assets/flow-icons/icon-05.webp")}.service-grid article{position:relative}.flow li::before{display:none}.flow .flow-num{position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:"Bebas Neue",Impact,sans-serif;font-size:42px;line-height:1;color:var(--yellow)}.flow .flow-arrow{position:absolute;right:-12px;top:72px;color:var(--yellow);font-family:"Bebas Neue",sans-serif;font-size:30px;line-height:1}@media(max-width:720px){.flow .flow-arrow{right:-5px}}.header{position:fixed;top:0;left:0;right:0;z-index:100}body{padding-top:68px}@media(max-width:720px){body{padding-top:60px}}.cta h2{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:1px}.about h3,.section-subtitle,#flow mark{display:block;margin:20px 0 0;color:var(--yellow);font-family:"Noto Sans JP",Meiryo,sans-serif;font-size:18px;font-weight:700;line-height:1.5}.works .cards{margin-top:20px}#flow>p{margin:20px 0 0}#flow mark{margin:0 0 8px}#flow>p{font-size:12px;color:#fff}#flow>p mark{font-size:18px}#about .section-title>b,#about .section-title h2,#works .section-title>b,#works .section-title h2,#company .section-title>b,#company .section-title h2{color:#111}#service .section-title>b,#service .section-title h2,#flow .section-title>b,#flow .section-title h2{color:var(--yellow)}.about h3,.section-subtitle,#flow mark{margin-top:5px}#about .about-grid{margin-top:5px}#about .about-grid{margin-top:0}#about h3{color:#111}#service .section-subtitle{font-size:18px}#service .section-subtitle{margin-bottom:20px}#works .section-subtitle{color:#111}#company .section-subtitle{color:#111}#flow>p{margin-top:0}#about .section-title>b{font-size:68px}#about .section-title h2{font-size:62px}#service .section-title>b,#works .section-title>b,#flow .section-title>b,#company .section-title>b{font-size:68px}#service .section-title h2,#works .section-title h2,#flow .section-title h2,#company .section-title h2{font-size:62px}#about .section-title>b,#works .section-title>b,#company .section-title>b{color:var(--yellow)}.flow li{font-size:14px}#flow>p{font-size:14px}#about .about-grid>div>p{font-size:14px}#flow mark{margin-bottom:-2px}.concept{background:#111}.concept img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;padding:0;background:none}.concept .concept-create{grid-column:1/3;grid-row:1}.concept .concept-make{grid-column:2;grid-row:2}.concept .concept-brand{grid-column:1;grid-row:2}.concept img{object-fit:contain;background:#111}.concept{display:block}.concept .concept-gallery{width:100%;height:auto;object-fit:contain}@media(min-width:721px){.about-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px}}#about .partner em{font-size:37.5px}#about .partner em{font-size:32.5px}#about .partner>b{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:none;font-size:14.3px;line-height:1.2}#about .partner{margin-top:20px}.works-carousel{scroll-behavior:smooth;scrollbar-width:none}.works-carousel::-webkit-scrollbar{display:none}.works-carousel .work{min-width:100%}.works-dots{display:flex;justify-content:center;gap:8px;margin:17px 0 0}.work-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b7b7b7;cursor:pointer}.work-dot.is-active{background:var(--yellow)}.work-dot:focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:720px){.works-carousel .work{min-width:100%}}.works-carousel-wrap{position:relative}.carousel-control{position:absolute;z-index:1;top:50%;width:44px;height:44px;transform:translateY(-50%);display:grid;place-items:center;padding:0 0 4px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#111;font-size:38px;font-family:Arial,sans-serif;font-weight:700;line-height:1;cursor:pointer}.carousel-control:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.carousel-control:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.carousel-control.is-prev{left:-58px}.carousel-control.is-next{right:-58px}@media(max-width:720px){.carousel-control{width:38px;height:38px;font-size:32px;padding-bottom:3px}.carousel-control.is-prev{left:-18px}.carousel-control.is-next{right:-18px}}#service .section-title h2{color:#fff}#flow .section-title h2{color:#fff}.works-carousel{position:relative;gap:18px;padding-inline:10%;scroll-padding-inline:10%}.works-carousel .work{flex:0 0 100%;min-width:0;scroll-snap-align:center}@media(max-width:720px){.works-carousel{gap:10px}}.works-carousel .work{filter:brightness(var(--image-brightness,1))}@media(max-width:720px){.flow ol{flex-direction:column;align-items:stretch;gap:64px;overflow:visible;margin-top:28px}.flow li{flex:none;min-width:0;width:100%}.flow .flow-arrow{top:auto;right:auto;bottom:-47px;left:50%;transform:translateX(-50%) rotate(90deg)}}#company.company-reference{position:relative;max-width:none;padding:30px max(24px,calc((100vw - 1170px)/2));background:#fafafa;overflow:hidden;isolation:isolate}.company-inner{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;position:relative;z-index:1;max-width:1170px;margin:auto;min-height:180px;align-items:center}#company .company-heading .section-title{display:block}#company .company-heading .section-title>b{display:table;font-size:68px;line-height:.95;border-bottom:3px solid #ffe700;padding-bottom:6px;margin-bottom:8px}#company .company-heading .section-title h2{font-size:62px;line-height:1;letter-spacing:0}#company .company-heading .section-subtitle{font-size:14px;margin:10px 0 0 5px}#company.company-reference dl{display:grid;grid-template-columns:96px minmax(0,1fr);max-width:none;font-size:14px;line-height:1.65;margin:0}#company.company-reference dt,#company.company-reference dd{border-bottom:0;padding:8px 0;margin:0}#company.company-reference dd{border-left:2px solid #ddd;padding-left:30px}.company-monogram{position:absolute;right:22px;top:-42px;color:#ffe700;opacity:.26;font:700 200px/1 Arial,sans-serif;z-index:0;pointer-events:none}.company-monogram>span{display:block}.company-monogram>span+span{margin-top:-125px;margin-left:95px}.company-brush{position:absolute;right:-5px;bottom:-1px;width:245px;height:110px;background:#ec007a;mask:var(--paint-brush) center/100% 100% no-repeat;pointer-events:none}.cta.cta-reference{position:relative;background:#ec007a;padding:28px 24px;overflow:hidden;isolation:isolate}.cta-reference .cta-inner{max-width:1060px;width:100%;margin:auto;display:grid;grid-template-columns:auto 1fr 240px;align-items:center;gap:40px;position:relative;z-index:1}.cta-reference h2{font-size:clamp(60px,6.5vw,96px);line-height:1;letter-spacing:-1px;white-space:nowrap}.cta-reference .cta-copy h3{font-size:18px;color:white;margin:0 0 12px;white-space:nowrap}.cta-reference .cta-copy p{font-size:12px;line-height:2;color:white;margin:0}.cta-contact{display:flex;align-items:center;justify-content:center;gap:14px;background:#050505;color:white;min-height:62px;font-size:18px;letter-spacing:1px}.cta-arrow{color:#aaa;font-size:28px;font-weight:400}.cta-circle{display:grid;place-items:center;background:#ffe700;color:#111;border-radius:50%;width:38px;height:38px;font-size:29px;font-weight:400}.cta-reference::after{content:"";position:absolute;right:0;bottom:-2px;width:190px;height:67px;background:#000;mask:var(--paint-brush) center/100% 100% no-repeat}footer.reference-footer{display:block;padding:24px 24px 40px;background:#000}.reference-footer .footer-inner{max-width:1130px;margin:0 auto;display:grid;grid-template-columns:280px 1fr auto;gap:12px 40px;align-items:center}.reference-footer .footer-logo{justify-self:start;margin-left:0}.reference-footer nav{display:flex;justify-content:space-between;gap:24px;font-size:12px}.reference-footer .footer-social{display:flex;align-items:center;gap:14px;margin:0}.footer-social>span{font-size:12px;margin-right:20px;white-space:nowrap}.footer-social>a{display:grid;place-items:center;width:31px;height:31px;border:2px solid #666;border-radius:8px;color:#aaa}.footer-social svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.reference-footer .footer-copyright{grid-column:2;font-size:11px;color:#777;text-align:center;margin:0;white-space:nowrap}@media(max-width:1050px){.company-inner{grid-template-columns:240px minmax(0,1fr);gap:24px}.cta-reference .cta-inner{gap:24px;grid-template-columns:auto 1fr 190px}.cta-reference h2{font-size:64px}.cta-reference .cta-copy h3{font-size:15px}.reference-footer .footer-inner{grid-template-columns:220px 1fr;gap:24px}.reference-footer .footer-social{grid-row:2;grid-column:1}.reference-footer .footer-copyright{grid-column:2;grid-row:2}}@media(max-width:720px){#company.company-reference{padding:35px 24px}.company-inner{grid-template-columns:1fr;gap:28px}#company.company-reference dl{font-size:13px;grid-template-columns:80px minmax(0,1fr)}#company.company-reference dd{padding-left:16px}.company-monogram{font-size:150px;right:-20px;opacity:.15}.company-monogram>span+span{margin-top:-85px}.company-brush{width:150px;height:70px}.cta-reference .cta-inner{grid-template-columns:1fr;gap:22px}.cta-reference h2{font-size:70px}.cta-reference .cta-copy h3{font-size:18px}.cta-contact{max-width:280px;width:100%}.reference-footer .footer-inner{grid-template-columns:1fr;gap:24px}.reference-footer nav{flex-wrap:wrap;justify-content:flex-start;gap:18px}.reference-footer .footer-social,.reference-footer .footer-copyright{grid-column:1;grid-row:auto}.reference-footer .footer-copyright{text-align:left}}#company .company-heading .section-title>b::after{display:none}footer.reference-footer{width:100%;max-width:100vw;padding-inline:clamp(20px,7vw,100px)}.reference-footer .footer-inner{width:100%;max-width:none;margin-inline:0}@media(max-width:720px){footer.reference-footer{padding-inline:20px}}.reference-footer nav{justify-content:center;gap:30px}#about{box-shadow:0 0 0 100vmax #f4f4f4;clip-path:inset(0 -100vmax)}#service,#flow{box-shadow:0 0 0 100vmax #050505;clip-path:inset(0 -100vmax)}#works{box-shadow:0 0 0 100vmax #f5f5f5;clip-path:inset(0 -100vmax)}#company .company-inner{grid-template-columns:1fr;gap:24px}#company .company-heading .section-title{display:flex;align-items:baseline;gap:15px}#company .company-heading .section-title>b{display:block;border-bottom:0;padding-bottom:0;margin-bottom:0;font-size:68px;line-height:normal}#company .company-heading .section-title h2{font-size:62px;line-height:normal;letter-spacing:1px}#company .company-heading .section-subtitle{margin:0;font-size:18px}#company .company-inner{grid-template-columns:300px minmax(0,1fr);gap:32px}@media(max-width:720px){#company .company-inner{grid-template-columns:1fr;gap:24px}}#company.company-reference{padding-top:50px;padding-bottom:50px}.cta.cta-reference{padding-inline:max(24px,calc((100vw - 1170px)/2))}.cta-reference .cta-inner{max-width:1170px}#service,#flow{position:relative;isolation:isolate}#service::before,#flow::before,#flow::after{content:"";position:absolute;pointer-events:none;z-index:-1;right:min(0px,calc((1440px - 100vw)/2));mask:var(--paint-brush) center/100% 100% no-repeat}#service::before{top:0;width:clamp(200px,32vw,460px);height:110px;background:#ec007a;transform:scaleY(-1)}#flow::before{bottom:0;width:clamp(200px,30vw,430px);height:145px;background:#ffe700}#flow::after{bottom:-1px;width:clamp(120px,17vw,245px);height:75px;background:#ec007a}.company-brush{width:clamp(150px,25vw,360px);height:105px;right:0;bottom:-1px}.cta-reference::after{width:clamp(150px,23vw,330px);height:75px;right:0;bottom:-1px}@media(max-width:720px){#service::before{width:160px;height:65px}#flow::before{width:150px;height:90px}#flow::after{width:90px;height:44px}.company-brush{width:145px;height:65px}.cta-reference::after{width:140px;height:45px}}#service::before,#flow::before,#flow::after{z-index:0}#service>*,#flow>*{position:relative;z-index:1}#service::before,#flow::before,#flow::after,.company-brush,.cta-reference::after{mask-image:var(--paint-brush);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}#service::before{width:340px;height:160px;top:-22px;transform:none}#flow::before{width:320px;height:180px;bottom:-24px;transform:rotate(-8deg);transform-origin:right bottom}#flow::after{width:210px;height:115px;bottom:-30px;transform:rotate(-8deg);transform-origin:right bottom}.company-brush{width:260px;height:145px;right:-12px;bottom:-45px}.cta-reference::after{width:240px;height:120px;right:-18px;bottom:-46px}@media(max-width:720px){#service::before{width:180px;height:100px;top:-14px}#flow::before{width:200px;height:130px;bottom:-25px}#flow::after{width:135px;height:85px;bottom:-25px}.company-brush{width:180px;height:110px;bottom:-35px}.cta-reference::after{width:170px;height:95px;bottom:-35px}}#service::before,#flow::before,#flow::after,.company-brush,.cta-reference::after{mask:none;-webkit-mask:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-position:center}#service::before,#flow::after,.company-brush{background-image:url("assets/brush-pink.webp")}#flow::before{background-image:url("assets/brush-yellow.png")}.cta-reference::after{background-image:url("assets/brush-black.png")}#flow::before{background-image:url("assets/flow-accent-optimized.webp");width:clamp(260px,37vw,530px);height:auto;aspect-ratio:748/372;bottom:0;transform:none}#flow::after{display:none}.company-brush{background-image:url("assets/company-accent.png");width:clamp(240px,32vw,460px);height:auto;aspect-ratio:846/590;right:0;bottom:0}.cta-reference::after{background-image:url("assets/cta-accent-optimized.webp");width:clamp(200px,27vw,390px);height:auto;aspect-ratio:548/177;right:0;bottom:0}@media(max-width:720px){#flow::before{width:220px;height:auto;bottom:0}.company-brush{width:190px;height:auto;bottom:0}.cta-reference::after{width:175px;height:auto;bottom:0}}.company-monogram{right:0;top:0;width:clamp(210px,28vw,400px);height:auto;aspect-ratio:766/740;background:url('assets/company-vw.png') right top/contain no-repeat;opacity:1;font-size:0}.company-monogram>span{display:none}@media(max-width:720px){.company-monogram{width:210px;right:0;top:0;opacity:1}}#company .company-monogram{top:0;right:0;bottom:0;height:100%;width:auto;max-width:100%;aspect-ratio:208/144;background:url('assets/company-clean-optimized.svg') right bottom/100% 100% no-repeat;opacity:1}#company .company-brush{display:none}.hero .button{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.hero .button b{display:inline-block;transition:transform .2s ease}.hero .button:hover{background:#ec007a;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(236,0,122,.45),0 0 0 2px #fff}.hero .button:hover b{transform:translate(3px,-3px)}.hero .button:focus-visible{background:#ec007a;color:#fff;outline:3px solid #fff;outline-offset:4px;box-shadow:0 8px 24px rgba(236,0,122,.45)}.hero .button:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hero .button,.hero .button b{transition:none}.hero .button:hover,.hero .button:hover b{transform:none}}@media(max-width:720px){.flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:56px;overflow:visible}.flow li{width:100%;min-width:0}.flow .flow-arrow{display:none}.flow li:nth-child(odd):not(:last-child) .flow-arrow{display:block;left:auto;right:-23px;top:72px;bottom:auto;transform:none}.flow li:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 24px)/2);justify-self:center}}@media(max-width:720px){.cta.cta-reference{align-items:center;text-align:center}.cta-reference .cta-inner{justify-items:center;text-align:center}.cta-reference .cta-copy{text-align:center}.cta-reference .cta-contact{margin-inline:auto}footer.reference-footer{text-align:center}.reference-footer .footer-inner{justify-items:center}.reference-footer .footer-logo{justify-self:center;margin-inline:0}.reference-footer nav{justify-content:center}.reference-footer .footer-social{justify-content:center;margin-inline:0}.reference-footer .footer-copyright{text-align:center;white-space:normal}}@media(max-width:720px){.hero-copy{width:100%;max-width:100%;padding-inline:20px}.hero .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:13px 16px;font-size:clamp(14px,4vw,18px);line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center}.hero .button b{flex-shrink:0}}@media(max-width:720px){.hero{position:relative;isolation:isolate;height:auto;min-height:0;max-height:none;aspect-ratio:auto;background-size:100% auto;background-position:center top;background-color:#050505}.hero-copy{position:relative;inset:auto;z-index:1;transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(95px,23vw,175px) 20px 32px;pointer-events:auto}.hero-copy>strong,.hero-copy>p{margin:0}.hero .button{position:relative;z-index:2;display:inline-flex;visibility:visible;opacity:1;margin:0;flex-shrink:0;pointer-events:auto}}@media(max-width:720px){.hero-copy{padding-top:calc(100vw * 1900 / 2974 + 20px);padding-bottom:36px;gap:18px}.hero-copy>strong{font-size:clamp(17px,4.8vw,22px);line-height:1.5;padding:8px 12px}.hero-copy>p{font-size:14px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}.hero-copy>.button{margin-top:4px}}@media(max-width:720px){.hero .button,.cta-reference .cta-contact{display:inline-flex;align-items:center;justify-content:center;min-height:60px;box-sizing:border-box;padding-block:12px;line-height:1.5}}.hero .hero-heading{display:contents;font:inherit;letter-spacing:normal}.hero .hero-heading>strong{margin:0}@media(min-width:721px){.hero .hero-heading>strong{position:relative;top:10px}}@media(max-width:720px){.hero .hero-heading>strong{font-size:clamp(17px,4.8vw,22px);line-height:1.5;padding:8px 12px;margin:0}}.reference-footer nav{flex-wrap:wrap;min-width:0}@media(max-width:720px){.header .logo{font-size:29px;letter-spacing:.8px;line-height:.8;flex-shrink:0}.header .logo small{font-size:7px;letter-spacing:.15px;margin-top:6px;line-height:1.2}}@media(max-width:720px){.header .logo{position:relative;top:3px}}body.admin-bar .header{top:32px}@media(max-width:782px){body.admin-bar .header{top:46px}}.wp-page-content{max-width:980px;margin:auto;padding:60px 24px}.wp-page-content h1{font:700 32px/1.5 "Noto Sans JP",sans-serif;letter-spacing:normal}@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){.hero{position:relative;isolation:isolate;height:auto;min-height:0;max-height:none;aspect-ratio:auto;background-size:100% auto;background-position:center top;background-color:#050505}.hero-copy{position:relative;inset:auto;z-index:1;transform:none;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:calc(100vw * 1900 / 2974 + 20px) max(24px,env(safe-area-inset-right)) 36px max(24px,env(safe-area-inset-left));pointer-events:auto}.hero .hero-heading>strong{position:static;margin:0;font-size:22px;line-height:1.5;padding:8px 12px}.hero-copy>p{margin:0;font-size:14px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}.hero .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;visibility:visible;opacity:1;max-width:100%;min-height:60px;margin:4px 0 0;padding:12px 16px;font-size:18px;line-height:1.5;white-space:normal;flex-shrink:0;pointer-events:auto}.hero .button b{flex-shrink:0}}@media(max-width:720px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){.hero .hero-heading>strong{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;text-align:center}.hero .button{width:100%;max-width:100%;box-sizing:border-box;justify-content:center;text-align:center}}.works-instagram{width:100%;min-width:0;max-width:1200px;margin-inline:auto}.works-instagram-link{text-align:center;margin:24px 0 0;font-size:16px}.works-instagram-link a{display:inline-block;padding:12px 16px;text-decoration:underline;text-underline-offset:4px}.works-instagram-link a:hover{color:#ec007a}@media(max-width:720px){.works-instagram #sb_instagram #sbi_images{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;height:auto!important;padding:0!important;box-sizing:border-box;}.works-instagram #sb_instagram #sbi_images::before,.works-instagram #sb_instagram #sbi_images::after{display:none!important}.works-instagram #sb_instagram #sbi_images>.sbi_item{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;box-sizing:border-box;}.works-instagram #sb_instagram #sbi_images .sbi_photo{width:100%!important;height:auto!important;aspect-ratio:1;background-size:cover!important;}}#about.section,#service.section,#works.section,#flow.section{padding-top:20px}@media(max-width:720px){#works>.section-subtitle{margin-bottom:20px}}#company.company-reference{padding-top:20px}#company .company-heading{align-self:start}#company .company-heading .section-title>b{padding-bottom:2px}#company .company-heading .section-title>b::after{display:block;content:"";position:absolute;left:0;right:0;height:3px;background:var(--yellow);bottom:2px;transform:translateY(-10px)}@media(min-width:721px){#company .company-inner{align-items:start}#company.company-reference dl{align-self:start;margin-top:30px}#company.company-reference dt:first-of-type,#company.company-reference dd:first-of-type{padding-top:0}}@media(min-width:721px) and (max-width:1366px) and (min-height:601px) and (orientation:landscape){.hero{height:max(700px,calc(100vw * 1900 / 2974));min-height:0;max-height:none;background-size:100% auto;background-position:center top}.hero-copy{position:absolute;inset:auto auto 32px 8%;width:calc(84% - 24px);max-width:560px;padding:0;transform:none;gap:14px;pointer-events:auto}.hero .hero-heading>strong{position:static;margin:0;width:fit-content;min-height:0;padding:8px 14px;font-size:22px;line-height:1.5}.hero-copy>p{margin:0;font-size:14px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.hero .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:13px 18px;font-size:18px;line-height:1.5;max-width:100%;white-space:normal}}.hero .hero-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;max-width:100%;line-height:1.5}.hero .hero-heading .hero-business{display:block;color:#fff;font-family:"Noto Sans JP",Meiryo,sans-serif;font-size:15px;font-weight:700;line-height:1.6;letter-spacing:0;white-space:normal}.service-grid .service-description{margin:10px 0 0;color:#fff;font-family:"Noto Sans JP",Meiryo,sans-serif;font-size:14px;font-weight:400;line-height:1.9}@media(max-width:720px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){.hero .hero-heading{width:100%;align-items:stretch}.hero .hero-heading .hero-business{text-align:center;font-size:14px}}.hero .hero-heading{width:100%;gap:0}.hero .hero-heading>strong{display:block;position:static;width:100%;max-width:100%;padding:10px 12px;line-height:1.5;white-space:normal;background:#fff;color:#111;text-align:center}.hero .hero-heading-context{display:block;font-size:14px;font-weight:700;line-height:1.6}.hero .hero-heading-message{display:block;margin-top:3px;font-size:22px;font-weight:700;line-height:1.5}@media(max-width:720px){.hero .hero-heading-context{font-size:clamp(12px,3.2vw,14px)}.hero .hero-heading-message{font-size:clamp(16px,4.6vw,22px)}}.service-grid article{min-width:0}.service-grid h3{font-size:28px;line-height:1.25;overflow-wrap:anywhere}.header .nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.5}.header .nav-contact>span:last-child{flex-shrink:0;font-size:18px}.cta-reference .cta-contact{padding:12px 14px;gap:10px;font-size:16px;letter-spacing:0}.cta-reference .cta-contact .consult-label{min-width:0;text-align:center}.cta-reference .cta-contact .cta-circle{flex-shrink:0}@media(max-width:720px){.header{gap:10px}.header .nav-contact{padding:6px 8px;font-size:12px;min-width:0}.header .consult-label>span{display:block;white-space:nowrap}.header .nav-contact .consult-label{text-align:center}}@media(max-width:360px){.header{padding-inline:14px;gap:8px}.header .nav-contact{padding-inline:6px;font-size:11px;gap:3px}}.header .nav-contact .consult-title,.cta-contact .consult-title{display:block;font-weight:700;line-height:1.3}.header .nav-contact .consult-description,.cta-contact .consult-description{display:block;line-height:1.4}.header .nav-contact .consult-title{font-size:14px}.header .nav-contact{padding-block:7px;text-align:center}.cta-contact .consult-title{font-size:18px;margin-bottom:4px}.cta-contact .consult-description{font-size:13px}@media(max-width:720px){.header .nav-contact{padding-block:4px}.header .nav-contact .consult-title{font-size:12px}.header .nav-contact .consult-description{font-size:10px}.header .nav-contact .consult-description>span{display:block}}.hero .hero-copy>.button{display:flex;width:100%;max-width:100%;box-sizing:border-box;align-items:center;justify-content:center;gap:8px;white-space:normal;line-height:1.5}.hero .hero-copy>.button b{flex-shrink:0}.back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;padding:4px;border:1px solid #111;border-radius:4px;background:#ffe700;color:#111;box-shadow:0 3px 12px #0003;cursor:pointer;line-height:1;transition:background-color .2s,color .2s}.back-to-top[hidden]{display:none}.back-to-top>span{font:14px/1 Arial,sans-serif}.back-to-top>small{margin-top:3px;font:600 10px/1.4 "Noto Sans JP",Meiryo,"メイリオ",sans-serif;letter-spacing:1px}.back-to-top:hover{background:#d4b800;color:#111}.back-to-top:focus-visible{background:#d4b800;color:#111;outline:3px solid #d4b800;outline-offset:3px}@media(max-width:720px){.back-to-top{right:max(12px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:46px;height:50px}}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}.cta-circle{line-height:1;letter-spacing:0}.cta-circle>svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header .nav-contact .cta-circle{width:28px;height:28px}.header .nav-contact .cta-circle>svg{width:20px;height:20px}@media(max-width:720px){.header .nav-contact .cta-circle{width:20px;height:20px}.header .nav-contact .cta-circle>svg{width:18px;height:18px}}.service-grid article>span{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.service-grid article>span{text-decoration-line:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}.header nav a:hover,.header nav a:focus-visible,.reference-footer nav a:hover,.reference-footer nav a:focus-visible{color:var(--yellow)}.hero .button .cta-circle{width:28px;height:28px;flex-shrink:0}.hero .button .cta-circle>svg{width:20px;height:20px}.header .nav-contact,.cta-reference .cta-contact{transition:background-color .2s ease}.hero .button:hover,.hero .button:focus-visible,.header .nav-contact:hover,.header .nav-contact:focus-visible{background:#d4b800;color:#111;box-shadow:none}.hero .button:hover .cta-circle,.hero .button:focus-visible .cta-circle,.header .nav-contact:hover .cta-circle,.header .nav-contact:focus-visible .cta-circle{background:var(--yellow)}.cta-reference .cta-contact:hover,.cta-reference .cta-contact:focus-visible{background:#333;color:#fff}.back-to-top>span{display:grid;place-items:center;width:14px;height:14px}.back-to-top svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:720px) and (orientation:portrait){.header .nav-contact .consult-title{display:none}}@media(max-width:720px){.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.02)),url("assets/hero-mobile.webp")}}#about .section-title>b,#works .section-title>b,#company .section-title>b{color:var(--yellow)}body{--vw-anchor-offset:68px}body.admin-bar{--vw-anchor-offset:100px}.section[id]{scroll-margin-top:calc(var(--vw-anchor-offset) + 8px)}@media(max-width:782px){body.admin-bar{--vw-anchor-offset:114px}}@media(max-width:720px){body{--vw-anchor-offset:60px}body.admin-bar{--vw-anchor-offset:106px}}