/* TOP専用。見出し・本文の文字組みと共通ヘッダー／フッターは既存を継承する。 */
main.experience-home{--art-line:#ffffff35;overflow-x:clip}
main.experience-home>section{overflow:clip}
/* 旧トップの外側余白を解除し、各セクションの共通グリッドへ一本化。 */
.home-page main.experience-home>section{padding-inline:0}
.home-page main.experience-home>.x-capabilities{padding:0}
.home-page main.experience-home>.x-hero{padding-top:clamp(40px,5vw,80px);padding-bottom:36px}
main.experience-home .x-hero h1 .art-phrase{display:inline}

main.experience-home .x-hero{padding-bottom:36px;background:#19191c}
main.experience-home .x-hero:before{background-size:96px 96px;opacity:.5}
main.experience-home .x-hero .b-hero-grid{grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);gap:30px;align-items:center}
main.experience-home .x-hero .b-container{max-width:1440px}
main.experience-home .art-hero-plane{position:absolute;right:-13%;top:4%;width:46%;height:87%;background:var(--x-orange);clip-path:polygon(34% 0,100% 0,73% 100%,0 100%);z-index:0;pointer-events:none}
main.experience-home .x-hero-word{top:14%;bottom:auto;left:19%;font-size:clamp(180px,28vw,500px);-webkit-text-stroke-color:#ffffff27;transform:rotate(-90deg);transform-origin:center;opacity:.6}
main.experience-home .x-dashboard-column{padding:34px 0 28px;isolation:isolate}
main.experience-home .art-canvas{position:relative;background:#fff;color:var(--x-black);box-shadow:14px 16px 0 #19191c,15px 17px 0 #ffffff70;transform:rotate(2deg)}
main.experience-home .art-canvas-top{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #19191c;font-size:9px;font-weight:800;letter-spacing:.06em}
main.experience-home .art-canvas-body{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:270px}
main.experience-home .art-canvas-nav{display:grid;background:#19191c}
main.experience-home .art-proof-tab{border:0;border-bottom:1px solid #ffffff35;background:transparent;color:#fff;text-align:left;padding:16px 10px;font-family:inherit;font-size:9px;font-weight:700;line-height:1.5;cursor:pointer}
main.experience-home .art-proof-tab small{display:block;font-size:10px;color:#f58220;margin-bottom:12px}
main.experience-home .art-proof-tab[aria-pressed="true"]{background:#f58220;color:#19191c}
main.experience-home .art-proof-tab[aria-pressed="true"] small{color:#19191c}
main.experience-home .art-canvas-result{padding:28px 20px 24px;display:flex;flex-direction:column;justify-content:center;min-width:0}
main.experience-home .art-result-label{font-size:11px;font-weight:800;line-height:1.7}
main.experience-home .art-result-number{font-size:clamp(58px,6.6vw,102px);font-weight:900;letter-spacing:-.075em;line-height:1.1;margin:16px 0 20px;white-space:nowrap}
main.experience-home .art-result-number small{font-size:.32em;letter-spacing:-.02em;margin-left:4px}
main.experience-home .art-result-client{font-size:11px;font-weight:800;line-height:1.7}
main.experience-home .art-result-action{font-size:10px;line-height:1.8;margin-top:8px}
main.experience-home .art-canvas-path{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 16px;border-top:1px solid #19191c;background:#f58220;gap:8px;font-size:10px;font-weight:800}
main.experience-home .art-canvas-path span+span:before{content:"→";margin-right:8px}
main.experience-home .art-canvas-foot{padding:16px 20px;font-size:11px;font-weight:800;text-align:right}
main.experience-home .art-canvas-foot a{color:inherit;text-underline-offset:5px}
main.experience-home .art-canvas-stamp{position:relative;z-index:2;display:table;background:#19191c;color:#fff;border:1px solid #fff;padding:14px 20px;margin:24px -14px -18px auto;transform:rotate(-5deg);font-size:10px;font-weight:800;line-height:1.8;letter-spacing:.12em}
main.experience-home .art-canvas-stamp span{display:block}
main.experience-home .x-impact{background:#19191c;color:#fff;padding-top:84px}
main.experience-home .x-impact .b-eyebrow{color:#fff}
main.experience-home .x-impact-row{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);border-color:#ffffff4d;min-height:74svh;gap:48px;padding-block:72px}
main.experience-home .x-impact-row:nth-child(2):before{display:none}
main.experience-home .x-impact .b-number{color:#f58220;font-size:clamp(130px,20vw,280px)}
main.experience-home .x-impact .b-number small{font-size:.28em;letter-spacing:-.025em;margin-left:.08em}
main.experience-home .x-impact .b-result-label{color:#fff}
main.experience-home .art-metric-caption{display:flex;justify-content:space-between;gap:16px;max-width:500px;font-size:10px;letter-spacing:.14em;line-height:1.8;margin-bottom:24px;color:#fff}
main.experience-home .art-metric-track{height:58px;max-width:480px;margin-top:32px;background:repeating-linear-gradient(90deg,#f58220 0 3px,transparent 3px 14px);clip-path:polygon(0 0,100% 0,100% 25%,75% 25%,75% 50%,50% 50%,50% 75%,25% 75%,25% 100%,0 100%);opacity:.65}
main.experience-home .art-metric-board{margin-top:28px;background:#fff;color:#19191c;padding:8px 24px 16px;border-left:6px solid #f58220}
main.experience-home .art-evidence-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #19191c30;font-size:12px;line-height:1.9}
main.experience-home .art-evidence-row:last-child{border-bottom:0}
main.experience-home .art-evidence-row>span{font-size:10px;padding-top:2px}
main.experience-home .art-evidence-row strong{font-weight:700}
main.experience-home .x-solve{background:#f58220;color:#19191c}
main.experience-home .x-solve .b-section-heading{padding:0 0 36px;min-height:0;background:none;border-bottom:3px solid #19191c}
main.experience-home .x-solve .b-tag,main.experience-home .x-solve .b-card p{color:#19191c}
main.experience-home .x-analysis-row{grid-template-columns:1fr 1.2fr;gap:0 72px;border-color:#19191c65;padding-block:56px}
main.experience-home .x-analysis-ui{background:#19191c;color:#fff;border:0;padding:28px;box-shadow:8px 8px 0 #ffffff}
main.experience-home .x-analysis-ui:before{background:#fff;width:34%;height:4px}
main.experience-home .x-analysis-grid>*{border-color:#ffffff45}
main.experience-home .x-analysis-grid>strong{color:#f58220;padding-left:16px}
main.experience-home .x-analysis-row:nth-child(2) .x-analysis-ui{background:#fff;color:#19191c;box-shadow:8px 8px 0 #19191c}
main.experience-home .x-analysis-row:nth-child(2) .x-analysis-grid>*{border-color:#19191c30}
main.experience-home .x-analysis-row:nth-child(2) .x-analysis-grid>strong{color:#19191c}
main.experience-home .x-capabilities .x-cap-poster{column-gap:72px;min-height:88svh}
main.experience-home .x-cap-interface>div{border:0;border-top:2px solid #f58220;padding:28px 0}
main.experience-home .x-cap-2 .x-poster-index{-webkit-text-stroke-color:#f58220;opacity:.6}
main.experience-home .x-cap-3 .x-poster-index{-webkit-text-stroke-color:#19191c60}
main.experience-home .x-cap-4 .x-poster-index{-webkit-text-stroke-color:#f5822066}
main.experience-home .x-map-axis{display:grid;grid-template-columns:1fr;position:relative;padding:24px 0 0 18px}
main.experience-home .x-map-axis>.art-flow-node{padding:12px 0 12px 30px;display:flex;align-items:center;gap:18px;border-left:2px solid #f58220;border-bottom:1px solid #ffffff24}
main.experience-home .x-map-axis>.art-flow-node:before{top:23px;left:-6px;width:10px;height:10px}
main.experience-home .art-flow-node small{font-size:9px;line-height:1.6;letter-spacing:.08em;width:74px;color:#f58220;flex-shrink:0}
main.experience-home .art-flow-node strong{font-size:15px;line-height:1.6}
main.experience-home .x-board-center{border:0;border-radius:0;background:#f58220;color:#19191c;width:180px;height:180px;transform:rotate(-4deg);box-shadow:12px 12px 0 #19191c}
main.experience-home .x-board-outputs{margin-top:40px;grid-template-columns:repeat(3,1fr);text-align:center}
main.experience-home .x-board-outputs>*{border-top:2px solid #19191c;padding:16px 8px}
main.experience-home .x-cap-3 .x-cap-interface>div{border-top-color:#19191c}
main.experience-home .x-channel-top{gap:0}
main.experience-home .x-channel-top>*{background:#19191c;color:#fff;border-right:1px solid #f58220;padding-block:26px}
main.experience-home .x-channel-path{position:relative;background:#fff;padding:24px 16px;border:0;margin-top:40px}
main.experience-home .x-channel-path:before{content:"";position:absolute;left:50%;top:-40px;height:40px;width:2px;background:#19191c}
main.experience-home .x-auto-row{background:#ffffff08}
main.experience-home .x-works,main.experience-home .x-industries,main.experience-home .x-insights{position:relative}
main.experience-home .art-section-word{position:absolute;top:0;right:-.04em;color:transparent;-webkit-text-stroke:1px #f58220;font-size:clamp(100px,20vw,300px);font-weight:900;letter-spacing:-.06em;line-height:1;pointer-events:none;opacity:.35}
main.experience-home .x-works .b-card{padding-block:56px;min-height:410px;border-top-color:#19191c}
main.experience-home .x-works .b-section-heading,main.experience-home .x-industries .b-section-heading,main.experience-home .x-insights .b-section-heading{margin-bottom:64px}
main.experience-home .x-work-index{color:#19191c;border-bottom:4px solid #f58220;padding-bottom:8px}
main.experience-home .x-case-canvas{box-shadow:8px 8px 0 #f58220}
main.experience-home .x-case-canvas>div{padding:28px}
main.experience-home .x-case-canvas>div:last-child{position:relative;padding-right:56px}
main.experience-home .x-case-canvas>div:last-child:after{content:"↗";position:absolute;right:22px;bottom:24px;font-size:32px}
main.experience-home .art-case-metric{display:block;font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-.05em;margin-bottom:10px}
main.experience-home .art-case-metric small{font-size:.35em;margin-left:.15em}
main.experience-home .art-case-metric+span{display:block;font-size:13px;line-height:1.7}
main.experience-home .x-approach .b-container>div:first-child{max-width:100%;padding:40px;background:#f58220;color:#19191c;margin-bottom:64px}
main.experience-home .x-approach .b-container>div:first-child .b-eyebrow,main.experience-home .x-approach .b-container>div:first-child .b-lead{color:#19191c}
main.experience-home .x-approach .b-step{padding-top:8px;padding-bottom:56px}
main.experience-home .x-process-ui{border-top-color:#f58220;background:#ffffff08;padding:20px}
main.experience-home .x-industries .b-grid{display:block}
main.experience-home .x-industries .b-card{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:32px 40px 32px 0;border-top:1px solid #19191c}
main.experience-home .x-industries .b-card h3,main.experience-home .x-industries .b-card p{margin-bottom:0}
main.experience-home .x-industries .b-card:after{color:#19191c;background:#f58220;width:26px;height:26px;display:grid;place-items:center}
main.experience-home .x-about-word{-webkit-text-stroke-color:#f58220;opacity:.24}
main.experience-home .x-about .b-container>div:last-child{border-left:3px solid #f58220;padding-left:36px}
main.experience-home .x-insights .b-card{border-top:4px solid #f58220}
main.experience-home .x-contact .x-cta-arrow{right:2%;color:#19191c;opacity:1}
main.experience-home .x-contact .b-container{padding-right:clamp(170px,27vw,380px)}
main.experience-home .x-contact .b-button-light{background:#f58220;border-color:#19191c;color:#19191c}
main.experience-home :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #19191c}
main.experience-home .art-proof-tab:focus-visible{outline-offset:-5px;box-shadow:none}
main.experience-home .x-in-view .x-ui-bar{animation:none}
main.experience-home .b-card:hover .x-case-canvas{transform:none}
/* 動きは背景移動・面の出現・線の伸長・矢印反応の4種類に限定する。 */
@media(prefers-reduced-motion:no-preference){
main.experience-home .art-hero-plane{animation:art-plane-drift 14s ease-in-out infinite alternate}
main.experience-home .art-canvas.art-seen,main.experience-home .x-case-canvas.art-seen,main.experience-home .x-analysis-ui.art-seen,main.experience-home .x-process-ui.art-seen{animation:art-panel-enter .7s ease-out both}
main.experience-home .art-metric-track.art-seen,main.experience-home .art-flow-node.art-seen:before{animation:art-line-enter .9s ease-out backwards}
main.experience-home .x-cta-arrow{transition:transform .3s ease}
main.experience-home .x-contact:hover .x-cta-arrow{transform:translate(8px,calc(-50% - 8px))}
@keyframes art-plane-drift{from{translate:0 0}to{translate:18px -12px}}
@keyframes art-panel-enter{from{translate:0 22px}to{translate:0 0}}
@keyframes art-line-enter{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
}
@media(min-width:768px) and (max-width:1279px){
main.experience-home .x-hero .b-hero-grid{grid-template-columns:1fr;gap:40px}
main.experience-home .x-dashboard-column{width:min(560px,70%);margin-left:auto}
main.experience-home .art-hero-plane{top:45%;height:58%;width:65%;right:-22%}
main.experience-home .art-canvas-body{min-height:260px}
main.experience-home .art-result-number{font-size:100px}
main.experience-home .x-impact-row{gap:28px;grid-template-columns:1.2fr 1fr}
main.experience-home .x-impact .b-number{font-size:clamp(130px,18vw,230px)}
}
@media(max-width:1023px){
main.experience-home .x-analysis-row{gap:0 36px}
main.experience-home .x-capabilities .x-cap-poster{column-gap:36px}
main.experience-home .x-contact .b-container{padding-right:var(--b-gutter)}
main.experience-home .x-contact .x-cta-arrow{top:32px;right:24px;font-size:100px;transform:none;opacity:.25}
main.experience-home .x-contact:hover .x-cta-arrow{transform:none}
}
@media(max-width:767px){
main.experience-home .x-hero .b-hero-grid>div:first-child{display:contents}
main.experience-home .x-hero h1{order:1;margin-block:12px 0}
main.experience-home .x-dashboard-column{order:2}
main.experience-home .x-hero .b-hero-side{order:3;margin-top:12px}
main.experience-home .x-hero .b-actions{order:4;margin-top:0}

main.experience-home .x-hero .b-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
main.experience-home .x-hero .b-hero-side{grid-template-columns:1fr;gap:0}
main.experience-home .x-hero .b-hero-side p,main.experience-home .x-hero .b-hero-discipline{grid-column:1;grid-row:auto}
main.experience-home .x-hero .b-hero-discipline{margin-bottom:16px}
main.experience-home .art-hero-plane{top:50%;height:48%;width:85%;right:-28%}
main.experience-home .x-dashboard-column{padding:24px 8px 32px 0}
main.experience-home .art-canvas{transform:rotate(1deg);box-shadow:7px 9px 0 #19191c,8px 10px 0 #ffffff80}
main.experience-home .art-canvas-top{padding:14px 12px;font-size:8px}
main.experience-home .art-canvas-body{grid-template-columns:68px minmax(0,1fr);min-height:244px}
main.experience-home .art-canvas-result{padding:20px 16px}
main.experience-home .art-result-number{font-size:clamp(56px,19vw,98px)}
main.experience-home .art-canvas-stamp{margin-right:0;padding:10px 14px}
main.experience-home .art-canvas-path{font-size:9px;gap:4px;padding:16px 10px}
main.experience-home .art-canvas-path span+span:before{margin-right:4px}
main.experience-home .x-impact{padding-top:56px}
main.experience-home .x-impact-row{grid-template-columns:1fr;min-height:75svh;gap:30px;padding-block:48px}
main.experience-home .x-impact .b-number{font-size:clamp(110px,30vw,200px)}
main.experience-home .art-metric-caption{margin-bottom:18px;font-size:9px}
main.experience-home .art-metric-track{height:32px;margin-top:20px}
main.experience-home .x-impact-context{display:block}
main.experience-home .x-impact-context h3{margin-bottom:12px}
main.experience-home .art-metric-board{padding:4px 18px 8px;margin-top:24px}
main.experience-home .art-evidence-row{grid-template-columns:90px minmax(0,1fr);gap:12px}
main.experience-home .x-solve .b-section-heading{padding-bottom:28px}
main.experience-home .x-analysis-row{grid-template-columns:1fr;padding-block:40px}
main.experience-home .x-analysis-ui{padding:22px;margin-right:8px}
main.experience-home .x-capabilities .x-cap-poster{grid-template-columns:1fr;min-height:0;padding-block:56px}
main.experience-home .x-cap-interface>div{padding:24px 0 0}
main.experience-home .x-map-axis{grid-template-columns:1fr;padding-left:8px}
main.experience-home .x-map-axis>.art-flow-node{padding-left:22px;gap:12px}
main.experience-home .art-flow-node small{width:68px}
main.experience-home .art-flow-node strong{font-size:14px}
main.experience-home .x-board-center{width:145px;height:145px}
main.experience-home .x-board-outputs{font-size:12px;grid-template-columns:1fr;text-align:left}
main.experience-home .x-works .b-card{padding:64px 8px 40px 0;min-height:0}
main.experience-home .x-case-canvas>div{padding:20px 16px}
main.experience-home .x-works .b-section-heading,main.experience-home .x-industries .b-section-heading,main.experience-home .x-insights .b-section-heading{margin-bottom:36px}
main.experience-home .x-approach .b-container>div:first-child{padding:28px 20px;margin-bottom:40px}
main.experience-home .x-process-ui{padding:16px 10px}
main.experience-home .x-industries .b-card{grid-template-columns:1fr;gap:12px;padding-right:36px}
main.experience-home .x-about .b-container>div:last-child{padding-left:20px}
main.experience-home .x-about-word{-webkit-text-stroke-color:#f58220;opacity:.2}
main.experience-home .x-contact{min-height:75svh}
}
@media(prefers-reduced-motion:reduce){main.experience-home *,main.experience-home *:before,main.experience-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:359px){main.experience-home .x-hero h1 .art-phrase{display:block}}

/* AI/DXは入力から改善までを連結した工程図として表示。 */
main.experience-home .x-automation-flow{position:relative}
main.experience-home .x-automation-flow .x-auto-row{position:relative}
@media(min-width:1024px){
main.experience-home .x-automation-flow .x-auto-row:not(:last-child):after{content:"→";position:absolute;right:-22px;top:45%;color:var(--x-orange);font-size:22px}
}
@media(max-width:1023px){
main.experience-home .x-automation-flow .x-auto-row{margin-bottom:24px;border-left:2px solid var(--x-orange);padding-inline:16px}
main.experience-home .x-automation-flow .x-auto-row:not(:last-child):after{content:"↓";position:absolute;bottom:-25px;left:50%;color:var(--x-orange);font-size:20px}
}
main.experience-home .x-impact .b-fact-note{color:#dedede}
main.experience-home .x-solve .b-fact-note{color:var(--x-black)}
main.experience-home .art-proof-tab[aria-pressed="true"]:focus-visible{outline-color:var(--x-black)}
@media(min-width:1280px){main.experience-home .b-hero-bottom>span:last-child{color:var(--x-black)}}