:root{--ink:#23383b;--muted:#58696b;--accent:#245559;--line:#d9e2e1;--soft:#f3f6f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fff;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid #528d91;outline-offset:5px}figure,p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{position:relative;display:inline-block;font-family:Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:-1.5px;line-height:1}.brand-small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin:0 0 6px 2px}.plus{color:#477d80;margin-left:3px;font-weight:400}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a{padding:10px 0}.nav-contact{border-bottom:1px solid var(--ink)}.nav-contact span{margin-left:22px}.hero{padding-top:35px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px;padding-bottom:80px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;line-height:1.6;color:var(--accent)}h1{font-size:clamp(38px,4.2vw,63px);font-weight:500;line-height:1.55;letter-spacing:.035em;margin:29px 0 25px}h1 span{color:var(--accent)}.hero-lead{color:var(--muted);font-size:17px;line-height:2}.text-link{display:inline-flex;align-items:center;gap:48px;font-size:14px;border-bottom:1px solid #799394;padding:12px 0;margin-top:26px}.hero-media{min-width:0}.placeholder{position:relative;overflow:hidden;background:var(--soft);display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--accent)}.hero-placeholder{height:535px;background:radial-gradient(ellipse at 68% 28%,#dbe8e6 0,transparent 65%),linear-gradient(130deg,#f1f4f3,#e4eceb);border-radius:52% 52% 3px 3px}.orbit{position:absolute;left:50%;top:50%;width:71%;aspect-ratio:1;border:1px solid #88aaa766;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg) scaleX(.6)}.orbit-two{transform:translate(-50%,-50%) rotate(32deg) scaleX(.6)}.orbit-three{transform:translate(-50%,-50%) rotate(90deg) scaleX(.6)}.placeholder-center{display:flex;align-items:center;flex-direction:column;z-index:1}.placeholder-number{font-family:Arial,sans-serif;font-size:106px;font-weight:300;letter-spacing:-6px;color:#456f70}.placeholder-center>span:last-child{font-size:10px;letter-spacing:1.8px}.cross{position:absolute;font-size:23px;color:#739a98}.cross-one{left:18%;top:24%}.cross-two{right:17%;bottom:24%}.media-note{position:absolute;bottom:23px;font-size:10px;letter-spacing:.8px;color:#526d6c}.hero-media figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;padding-top:15px;color:var(--muted)}.intro{border-top:1px solid var(--line);padding-top:42px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.2fr 1.8fr;gap:20px;align-items:start}.intro>p:nth-child(2){font-size:23px;line-height:1.65}.intro>div{font-size:14px;color:var(--muted);line-height:2.2}.section{padding-block:94px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px;gap:20px}h2{font-size:29px;font-weight:500;letter-spacing:.035em;line-height:1.65;margin-top:15px}.section-index{font-size:11px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-media .placeholder{aspect-ratio:1.6;gap:8px}.service-media span{font-size:12px;letter-spacing:1.4px;background:#f3f6f5e8;padding:3px 9px}.service-media small{font-size:11px;color:#586d6f;background:#f3f6f5e8;padding:0 7px}.pattern-dots{background-image:radial-gradient(#9cb8b9 1px,transparent 1px);background-size:10px 10px}.pattern-grid{background-image:linear-gradient(#d7e1e1 1px,transparent 1px),linear-gradient(90deg,#d7e1e1 1px,transparent 1px);background-size:25px 25px}.pattern-lines{background:repeating-linear-gradient(135deg,#e4ecea 0,#e4ecea 1px,#f3f6f5 1px,#f3f6f5 14px)}.service-title{display:flex;gap:13px;align-items:center;margin-top:24px}.number{font-size:12px;color:var(--accent)}h3{font-size:20px;font-weight:500;line-height:1.6}.service-en{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin:8px 0 14px}.service>p:last-child{font-size:15px;line-height:2.05;color:var(--muted)}.ai{background:var(--soft);margin-top:18px}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.ai-mark{font-family:Arial,sans-serif;font-size:100px;letter-spacing:-5px;margin-top:28px;line-height:1.2}.ai-mark span{font-weight:300;color:#7e9d9b}.ai-tagline{font-size:30px;margin-top:25px;line-height:1.8}.ai-intro{font-size:22px;margin:8px 0 16px}.ai-content>p:not(.ai-intro){color:var(--muted)}.support-list{list-style:none;padding:0;margin:27px 0 17px}.support-list li{display:flex;gap:24px;border-top:1px solid var(--line);padding:18px 0}.support-list li>span{font-size:12px;margin-top:4px;color:var(--accent)}.support-list h3{font-size:17px}.support-list p{font-size:14px;color:var(--muted);margin-top:3px}.small{font-size:12px;line-height:1.9;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:white;padding:17px 24px;font-size:14px;margin-top:25px;border:1px solid var(--accent);transition:background .2s}.button:hover{background:#163c40;color:white}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.link-card{border-top:1px solid var(--ink);padding:26px 0 10px}.link-icon{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.link-card h3{margin:20px 0 13px}.link-card p{color:var(--muted);font-size:14px}.pending,.external-link{display:inline-block;font-size:12px;margin-top:25px}.pending{color:var(--muted)}.external-link{border-bottom:1px solid var(--accent);padding:7px 0}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about h2{font-size:34px}.about-copy{margin:25px 0 18px;color:var(--muted)}.company{margin:0}.company>div{display:grid;grid-template-columns:110px 1fr;padding:20px 0;border-bottom:1px solid var(--line);gap:18px}.company dt{font-size:13px;color:var(--muted)}.company dd{margin:0;font-size:14px;overflow-wrap:anywhere}.contact{background:#eaf1ef}.contact-inner{text-align:center}.contact h2{font-size:36px;margin:20px 0}.contact p:not(.eyebrow){color:var(--muted)}.contact .button{min-width:270px;margin-top:32px}.email-text{display:block;width:fit-content;margin:18px auto 14px;font-size:14px;border-bottom:1px solid #a6bcba}.footer{padding-block:45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer>a:last-child{font-size:10px;letter-spacing:1px;color:var(--muted)}.footer .brand{font-size:24px}.mobile-only{display:none}.skip{position:absolute;top:-80px;left:15px;z-index:20;background:white;padding:15px}.skip:focus{top:15px}.media-slot>img,.media-slot>video{display:block;width:100%;object-fit:cover;aspect-ratio:1.6}.hero-media>img,.hero-media>video{aspect-ratio:auto;height:535px;border-radius:3px}
@media(min-width:1600px){.hero{padding-top:60px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}nav{gap:20px}h1{font-size:42px}.hero-placeholder,.hero-media>img,.hero-media>video{height:450px}.intro{grid-template-columns:1fr 1.5fr}.intro .eyebrow{grid-column:1/-1}.ai-grid,.about{gap:45px}.service-grid{gap:20px}h3{font-size:18px}.ai-mark{font-size:82px}.section-index{display:none}.company>div{grid-template-columns:80px 1fr}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:100px;flex-wrap:wrap;gap:20px;padding-top:24px;padding-bottom:22px}.brand{font-size:26px}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.nav-contact span{margin-left:5px}.hero{grid-template-columns:1fr;gap:34px;padding-top:24px;padding-bottom:43px}h1{font-size:clamp(36px,9vw,54px);margin-top:20px;line-height:1.5}.hero-lead{font-size:16px}.hero-placeholder,.hero-media>img,.hero-media>video{height:360px}.hero-media{max-width:500px;width:100%;margin:auto}.hero-placeholder{border-radius:48% 48% 3px 3px}.placeholder-number{font-size:82px}.intro{grid-template-columns:1fr;padding-top:30px;padding-bottom:20px;gap:17px}.intro>p:nth-child(2){font-size:24px}.intro>div{font-size:14px}.section{padding-block:60px}.section-head{margin-bottom:30px}h2{font-size:25px}.service-grid,.link-grid,.ai-grid,.about{grid-template-columns:1fr;gap:40px}.service-media .placeholder{aspect-ratio:1.8}.service-title{margin-top:20px}h3{font-size:21px}.service>p:last-child{font-size:16px}.ai-mark{font-size:80px;margin-top:20px}.ai-tagline{font-size:27px;margin-top:18px}.ai-grid{gap:30px}.button{font-size:14px;gap:20px;padding:16px 20px}.link-grid{gap:22px}.link-card{padding-top:20px}.link-card h3{margin-top:14px}.link-card p{font-size:15px}.link-card .pending,.external-link{margin-top:14px}.about{gap:30px}.about h2{font-size:30px}.company>div{grid-template-columns:75px 1fr;gap:12px}.contact h2{font-size:27px}.contact p:not(.eyebrow){font-size:14px}.contact .small{font-size:12px!important}.footer{flex-wrap:wrap;padding-block:30px}.footer p{order:3;width:100%}.footer>a:last-child{margin-left:auto}.desktop-only{display:none}.mobile-only{display:initial}.eyebrow{font-size:11px}.media-note{font-size:9px}}
.quiet-link{display:inline-block;font-size:14px;color:var(--accent);border-bottom:1px solid #a6bcba;margin-top:16px;padding:3px 0;overflow-wrap:anywhere}.contact-quiet{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:36px}.contact-quiet h2{font-size:22px;margin:8px 0 0}.contact-quiet>div>p:not(.eyebrow){font-size:14px}.contact-quiet .quiet-link{margin-top:8px}.contact-quiet .small{font-size:12px!important;margin-top:14px}.ai-content .quiet-link{font-size:13px}@media(max-width:700px){.contact-quiet{grid-template-columns:1fr;gap:16px;padding-block:28px}.contact-quiet h2{font-size:21px}.hero-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.access{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-bottom:72px;align-items:start}.access h2{font-size:27px;margin-bottom:22px}.access-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:16px}.access-copy>p.small{font-size:12px}.access-map iframe{display:block;width:100%;height:370px;border:0;background:var(--soft)}.access-map>p{margin-top:10px}@media(max-width:700px){.access{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.access h2{font-size:25px}.access-map iframe{height:300px}}
.company-logo{display:block;width:213px;height:40px;object-fit:contain}.hero-media>img{object-position:45% center}.hero-media figcaption{flex-wrap:wrap;gap:6px}.footer .company-logo{width:192px;height:auto}@media(max-width:700px){.company-logo{width:192px;height:auto}}
.link-card{padding-top:0;border-top:0}.link-media{margin-bottom:22px}.link-media>.placeholder,.link-media>img,.link-media>video{aspect-ratio:1067/584;width:100%;height:auto}.link-media>img{object-fit:contain;background:var(--soft)}.link-media .placeholder{gap:10px}.link-media .placeholder span{font-size:14px;letter-spacing:1.5px;background:#f3f6f5e8;padding:2px 8px}.link-media .placeholder small{font-size:12px;background:#f3f6f5e8;padding:2px 8px}@media(max-width:700px){.link-card{padding-top:0}.link-media{margin-bottom:18px}}
/* 横長の制作画像を主役にするトップ */
.hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-top:40px;padding-bottom:65px}
.hero-copy{display:grid;grid-template-columns:1.25fr 1fr;column-gap:60px;align-items:start}
.hero-copy .eyebrow{grid-column:1/-1;margin-bottom:18px}
.hero h1{grid-column:1;grid-row:2/4;font-size:clamp(34px,3.6vw,50px);line-height:1.6;margin:0;letter-spacing:.035em}
.hero h1 br:first-of-type{display:none}
.hero-lead{grid-column:2;grid-row:2;font-size:16px;margin-top:10px}
.hero .text-link{grid-column:2;grid-row:3;justify-self:start;margin-top:16px}
.hero-media{width:100%;max-width:none;margin:0}
.hero-media>img,.hero-media>video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:3px;background:var(--soft)}
.hero-placeholder{height:auto;aspect-ratio:16/9;border-radius:3px}
@media(max-width:1000px){.hero-copy{column-gap:30px}.hero h1{font-size:35px}.hero-lead{font-size:14px}}
@media(max-width:700px){.hero{padding-top:24px;gap:26px;padding-bottom:38px}.hero-copy{display:block}.hero-copy .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(28px,7.5vw,40px);line-height:1.65}.hero-lead{font-size:14px;margin-top:20px}.hero .text-link{margin-top:12px}.hero-media>img,.hero-media>video,.hero-placeholder{height:auto;aspect-ratio:16/9}.hero-media figcaption{font-size:9px;letter-spacing:.5px}}
.hero h1 br:first-of-type{display:initial}.hero h1 br:nth-of-type(2){display:none}.hero h1{font-size:clamp(28px,3vw,43px)}@media(max-width:1000px){.hero h1{font-size:30px}}@media(max-width:700px){.hero h1{font-size:clamp(26px,7vw,38px)}}
[data-media="pointcloud"]>img{object-fit:contain;background:#111}
[data-media="content"]>img{object-fit:cover;object-position:58% center}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:40px}}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.service-title{align-items:baseline}.service-title h3{font-size:clamp(17px,1.6vw,20px)}@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:40px}.service-title h3{font-size:20px}}
.course-teaser{padding-block:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.course-teaser p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:18px}.course-teaser>.quiet-link{flex-shrink:0}@media(max-width:700px){.course-teaser{flex-direction:column;align-items:start;gap:10px}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}}