.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;word-break:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}:root{--ink:#10202a;--teal:#079b9e;--pale:#f4f7f8;--line:#e6ebed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Noto Sans JP',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shell{width:min(1200px,calc(100% - 72px));margin:auto}.site-header{height:78px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #f0f2f2}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{font-weight:800;letter-spacing:-.035em;font-size:20px;white-space:nowrap}.brand span{color:var(--teal);font-size:27px}.site-nav{margin-left:auto}.nav-links{list-style:none;display:flex;gap:26px;align-items:center;margin:0;padding:0;font-size:13px;font-weight:600}.header-contact{background:var(--teal);color:white;border-radius:28px;padding:9px 20px;font-size:12px;font-weight:700;white-space:nowrap}.nav-toggle{display:none}.eyebrow{font-size:10px;letter-spacing:.34em;font-weight:700;color:#54858b;margin:0 0 20px}.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#f9fbfc 53%,#eaf2f4 100%)}.hero-grid{min-height:575px;display:grid;grid-template-columns:44% 56%;align-items:center}.hero-copy{position:relative;z-index:2;padding:65px 0}.hero h1{font-size:clamp(44px,5.1vw,76px);line-height:1.27;letter-spacing:-.065em;margin:0 0 28px;font-weight:850}.lead{font-size:14px;line-height:2.1}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:30px;padding:13px 23px;font-size:12px;font-weight:700;transition:transform .2s,opacity .2s}.btn:hover{transform:translateY(-2px);opacity:.9}.btn-primary{background:linear-gradient(90deg,#009d9d,#2babc0);color:white}.btn-outline{border:1px solid #8ba9ae;color:#167d85}.text-link,.arrow-link{font-size:12px;font-weight:700}.hero-art{height:480px;position:relative;perspective:1000px}.hero-monitor{position:absolute;right:2%;top:6%;width:78%;height:64%;padding:12px;background:#1a2730;border-radius:12px;box-shadow:0 28px 60px #1d42503b;transform:rotateY(-7deg) rotateX(2deg)}.hero-monitor:after{content:'';position:absolute;width:26%;height:62px;left:37%;bottom:-62px;background:linear-gradient(#85949a,#e6eaeb);clip-path:polygon(42% 0,58% 0,70% 80%,100% 100%,0 100%,30% 80%)}.screen{height:100%;display:flex;align-items:center;padding:12%;background:linear-gradient(130deg,#0e222b9c,#356b83aa),linear-gradient(30deg,#e0ebee,#2a697e);color:#fff;font-family:Georgia,serif;font-size:clamp(23px,3vw,48px);line-height:1.15}.hero-tablet{position:absolute;left:3%;bottom:4%;width:42%;height:45%;background:linear-gradient(135deg,#233c4b,#6d9fb0);border:10px solid #17232b;border-radius:12px;transform:rotate(-7deg);color:white;padding:50px 20px;font-family:Georgia,serif;font-size:26px;box-shadow:0 20px 40px #132b3944}.hero-book{position:absolute;right:3%;bottom:1%;width:41%;height:26%;background:linear-gradient(115deg,#fafafa 49%,#d7e2e6 50%,#fff 53%);transform:rotate(7deg);box-shadow:0 14px 24px #132b3922;padding:24px;font-family:Georgia,serif;font-size:22px;line-height:1.1}.hero-book span{display:block;font-size:12px;margin-top:8px}.scroll-label{position:absolute;bottom:18px;right:3%;font-size:9px;letter-spacing:.3em}.feature{padding:80px 0;background:#f7f9f9}.feature-grid{display:grid;grid-template-columns:30% 43% 27%;gap:22px;align-items:center}.feature h2,.section h2{font-size:clamp(27px,2.8vw,40px);line-height:1.45;letter-spacing:-.045em;margin:0 0 18px}.feature p,.section-head p:not(.eyebrow){font-size:13px}.feature .btn{margin-top:18px}.feature-visual{height:340px;display:flex;align-items:center;justify-content:center}.feature-device{width:100%;height:280px;background:#18262d;border:13px solid #16252b;border-radius:18px;box-shadow:0 20px 38px #152b3440;transform:perspective(800px) rotateY(-8deg)}.feature-pages{display:grid;grid-template-columns:1fr 1fr;height:100%;background:#f5f5f2}.feature-pages>div:first-child{padding:25px 18px}.feature-pages small{font-size:11px;letter-spacing:.25em}.feature-pages b{display:block;font-family:Georgia,serif;font-size:38px;line-height:1.1;margin-top:12px}.feature-pages p{font-size:9px}.page-photo{background:linear-gradient(140deg,#a8cbd0,#397a8c 45%,#e7eff0 46%,#8db5bb 70%,#2e586b)}.feature-benefits h3{font-size:25px;line-height:1.4}.feature-benefits ul{padding:0;list-style:none}.feature-benefits li{font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.feature-benefits li:before{content:'↗';color:var(--teal);margin-right:12px}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.journal-card{border:1px solid var(--line);background:#fff}.service-image{height:180px;display:flex;align-items:end;padding:18px;color:white;font-size:42px;font-weight:200;letter-spacing:.1em}.service-image-1{background:linear-gradient(135deg,#18333f,#80b1bc)}.service-image-2{background:linear-gradient(135deg,#c8a99c,#3b4c58)}.service-image-3{background:linear-gradient(135deg,#2e3035,#6d8088)}.service-image-4{background:linear-gradient(135deg,#143f4b,#b8d8dc)}.service-body{padding:16px;position:relative}.service-body h3{font-size:15px;margin:0 0 7px}.service-body p{font-size:11px;color:#65727a;min-height:36px;margin:0 0 12px}.service-body small{font-size:9px;letter-spacing:.2em;color:#73828a}.service-arrow{position:absolute;right:17px;bottom:12px;color:var(--teal)}.works{background:#101d26;color:#fff}.works .eyebrow{color:#88bdc3}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-card img,.work-card .xd-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.work-card h3{font-size:13px}.xd-placeholder{background:linear-gradient(135deg,#e8eef0,#a8cbd0);display:flex;align-items:center;justify-content:center;color:#426974;letter-spacing:.3em;font-size:12px}.btn-dark-outline{border:1px solid #b0c0c6;color:white}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.process-grid>div{border-top:1px solid var(--line);padding-top:18px}.process-grid span{font-size:52px;color:#dbe2e5;font-weight:700;line-height:1}.process-grid h3{font-size:17px;margin:8px 0}.process-grid p{font-size:12px;color:#62727a}.journal{padding-top:30px}.journal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journal-card img,.journal-card .xd-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.journal-card small{display:block;color:#8a999e;font-size:11px;margin:10px 12px 0}.journal-card h3{font-size:14px;line-height:1.5;margin:6px 12px 16px}.contact-band{background:linear-gradient(100deg,#10202a,#205668);color:white;padding:75px 0}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-band h2{font-size:30px;margin:0 0 10px}.contact-band p:not(.eyebrow){font-size:13px}.site-footer{background:#101924;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{font-size:12px;color:#b2c1c7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-grid strong{margin-bottom:5px}.copyright{border-top:1px solid #34414b;margin-top:40px;padding-top:18px;font-size:10px;color:#9aaab0}.content-layout{padding:65px 0 110px;max-width:920px}.content-layout h1{font-size:clamp(30px,4vw,52px);line-height:1.35}.content-layout .entry-content{font-size:16px}.content-layout .entry-content img{height:auto}.entry-meta{font-size:12px;color:#78858b}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.archive-grid article{border:1px solid var(--line);padding:16px}.archive-grid h2{font-size:18px}.pagination{margin-top:30px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{position:fixed;clip:auto;width:auto;height:auto;z-index:100;top:10px;left:10px;background:white;padding:10px}
@media(max-width:950px){.shell{width:min(100% - 40px,1200px)}.header-contact{display:none}.nav-toggle{display:block;margin-left:auto;background:none;border:0;font-size:25px;cursor:pointer}.site-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 12px 22px #14263019}.site-nav.is-open{display:block}.nav-links{flex-direction:column;align-items:flex-start}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 20px}.hero-art{height:390px}.feature-grid{grid-template-columns:1fr 1fr}.feature-benefits{grid-column:1/-1}.feature-benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.service-grid,.works-grid,.journal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.site-header{height:66px}.site-nav{top:66px}.brand{font-size:16px}.brand span{font-size:22px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-art{height:300px}.hero-monitor{width:79%;height:60%}.hero-tablet{font-size:16px;padding:30px 10px}.hero-book{font-size:15px;padding:13px}.screen{font-size:23px}.feature{padding:55px 0}.feature-grid{display:block}.feature-visual{height:280px}.feature-device{height:230px}.feature-benefits ul{grid-template-columns:1fr}.section{padding:55px 0}.section-head{display:block}.section-head .arrow-link{display:inline-block;margin-top:10px}.service-grid,.works-grid,.journal-grid{grid-template-columns:1fr 1fr;gap:10px}.service-image{height:120px}.service-body{padding:12px}.service-body h3{font-size:13px}.service-body p{font-size:10px}.process-grid{grid-template-columns:1fr 1fr;gap:18px}.contact-grid{display:block}.contact-band h2{font-size:25px}.contact-grid .btn{margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.archive-grid{grid-template-columns:1fr}} .hero{background:#fff}.hero-grid{min-height:590px;grid-template-columns:39% 61%;width:min(1440px,calc(100% - 100px))}.hero-copy{padding:72px 0}.hero h1{font-size:clamp(49px,5.2vw,79px);line-height:1.24;letter-spacing:-.075em}.hero-art{height:545px;position:relative;overflow:visible}.hero-photo{position:absolute;top:0;left:0;width:calc(100% + 50px);height:100%;object-fit:cover;object-position:54% center;mask-image:linear-gradient(to right,transparent 0%,black 14%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 14%)}.hero-photo-note{position:absolute;bottom:24px;right:8px;color:#56717b;font-size:9px;letter-spacing:.3em}.feature{background:#f8fafb}.feature-visual{height:355px;overflow:hidden;border-radius:6px}.feature-visual img{width:100%;height:100%;object-fit:cover}.work-card{display:block;overflow:hidden}.work-card img{transition:transform .45s}.work-card:hover img{transform:scale(1.045)}.work-card .xd-placeholder{border:1px solid #40515a}.service-image{background-size:cover;background-position:center}.service-card:hover{box-shadow:0 16px 35px #1a3d4a13;transform:translateY(-3px);transition:.25s}.hero-actions{flex-wrap:wrap}
@media(max-width:950px){.hero-grid{width:min(100% - 40px,1200px);grid-template-columns:1fr}.hero-art{height:430px}.hero-photo{width:100%;mask-image:none;-webkit-mask-image:none}.hero-copy{padding-bottom:12px}}
@media(max-width:600px){.hero-grid{width:calc(100% - 32px)}.hero-art{height:260px}.hero-photo-note{display:none}.hero h1{font-size:clamp(43px,11vw,62px)}.feature-visual{height:240px}} .works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.works-grid .xd-sample-note{grid-column:1/-1;font-size:11px;letter-spacing:.18em;color:#8abcc3}.xd-featured-work{background:#1b2b34;padding-bottom:12px}.xd-featured-work img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top}.xd-featured-work h3{padding:0 14px;margin:5px 0 0}.xd-work-category{display:block;padding:12px 14px 0;font-size:9px;letter-spacing:.16em;color:#87bfc1}.work-card img{object-position:top}.works .section-head{align-items:center}
@media(max-width:950px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xd-featured-work h3{font-size:11px;padding:0 9px}.xd-work-category{font-size:8px;padding:8px 9px 0}} @media(min-width:951px){
.hero-grid{width:min(1480px,calc(100% - 90px));grid-template-columns:37% 63%;min-height:660px}
.hero-art{height:610px;margin-right:-3vw}
.hero-photo{width:108%;height:100%;object-fit:cover;object-position:center}
.hero-copy{padding:70px 0 90px 2vw}
.hero h1{font-size:clamp(58px,5.8vw,90px)}
.feature-grid{grid-template-columns:29% 43% 25%;gap:1.5%}
}
.service-image{position:relative;overflow:hidden;background-size:cover!important;background-position:center top!important}
.service-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,33,.55),transparent 65%)}
.service-image span{position:relative;z-index:1;text-shadow:0 2px 12px #10232b}
.service-image-1{background-image:url(//xdesignsv.net/wp-content/themes/xdesign-corporate/assets/img/works/axial.webp)}
.service-image-2{background-image:url(//xdesignsv.net/wp-content/themes/xdesign-corporate/assets/img/works/green-monster.webp)}
.service-image-3{background-image:url(//xdesignsv.net/wp-content/themes/xdesign-corporate/assets/img/works/fukano.webp)}
.service-image-4{background-image:url(//xdesignsv.net/wp-content/themes/xdesign-corporate/assets/img/digital-book.webp)}
.xd-featured-work{border:1px solid #30434c;border-radius:5px;overflow:hidden}
.xd-featured-work img{aspect-ratio:1.42;object-fit:cover;object-position:top}
.works-grid{gap:22px}
@media(max-width:950px){.hero-art{margin-right:0}.hero-photo{width:100%}} .xd-work-carousel{position:relative}.xd-work-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:8px}.xd-work-track::-webkit-scrollbar{display:none}.xd-work-track>.work-card{scroll-snap-align:start;min-width:0;text-decoration:none;color:inherit}.xd-work-track .xd-featured-work{background:transparent;padding-bottom:12px}.xd-work-track .xd-featured-work img,.xd-work-track .xd-placeholder{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top}.xd-work-track .xd-featured-work h3{display:flex;justify-content:space-between;gap:8px}.xd-work-track .xd-featured-work h3 span{color:#7cc9cd}.xd-work-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.xd-work-controls button{width:44px;height:44px;border:1px solid #7e9aa5;border-radius:50%;color:white;background:transparent;cursor:pointer;font-size:20px}.xd-work-controls button:hover{background:#158f98;border-color:#158f98}.xd-work-empty{font-size:14px;color:#a8bec6}
@media(max-width:950px){.xd-work-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.xd-work-track{grid-auto-columns:82%;gap:14px}.xd-work-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.xd-work-track{scroll-behavior:auto}} .works .xd-work-carousel{width:100%;min-width:0;overflow:hidden}
.works .xd-work-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;gap:20px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.works .xd-work-track>.work-card{display:block!important;flex:0 0 calc((100% - 60px)/4)!important;width:calc((100% - 60px)/4)!important;max-width:calc((100% - 60px)/4)!important;min-width:0!important;align-self:stretch}
.works .xd-work-track>.work-card img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;object-position:top}
.works .xd-work-track>.work-card h3{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:950px){.works .xd-work-track>.work-card{flex-basis:calc((100% - 20px)/2)!important;width:calc((100% - 20px)/2)!important;max-width:calc((100% - 20px)/2)!important}}
@media(max-width:600px){.works .xd-work-track{gap:14px}.works .xd-work-track>.work-card{flex-basis:82%!important;width:82%!important;max-width:82%!important}} .services .service-image{background-size:cover!important;background-position:center center!important}
.xd-work-carousel.xd-auto-scroll .xd-work-track{scroll-behavior:auto!important;scroll-snap-type:none!important;overscroll-behavior-x:none}
.xd-work-carousel.xd-auto-scroll .xd-work-track>.work-card{scroll-snap-align:none!important}
.xd-work-carousel .xd-work-controls[hidden]{display:none!important}
@media(max-width:950px){.xd-work-carousel .xd-work-track{scroll-snap-type:x mandatory}}