/* TOPのアートディレクション。既存の見出し・本文サイズ、Footerには変更を加えない。 */
main.experience-home{--x-orange:#f58220;--x-black:#19191c;--x-white:#fff}
main.experience-home>section{position:relative;isolation:isolate}
main.experience-home .b-container{position:relative;z-index:1}
main.experience-home .x-key-copy{color:var(--x-orange)}
main.experience-home .x-hero{background:var(--x-black);color:#fff;overflow:hidden;min-height:calc(100svh - 100px);padding-top:clamp(40px,5vw,80px);padding-bottom:28px}
main.experience-home .x-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
main.experience-home .x-hero .b-hero-grid{grid-template-columns:1.7fr 1fr;align-items:center;gap:5%}
main.experience-home .x-hero h1{position:relative;z-index:1}
main.experience-home .x-hero .b-eyebrow{color:#dedede}
main.experience-home .b-hero-side{display:grid;grid-template-columns:1fr 1.3fr;column-gap:24px;border:0;padding:0;margin-top:32px;box-shadow:none;background:none;color:#fff;max-width:580px}
main.experience-home .b-hero-discipline{grid-column:1;grid-row:1/3;margin-bottom:0}
main.experience-home .b-hero-side p{grid-column:2;margin:0 0 12px}
main.experience-home .b-hero-bottom{border-color:#ffffff40;color:#dedede;align-items:center;gap:16px}
main.experience-home .x-scroll{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
main.experience-home .x-scroll>span{display:inline-block;color:var(--x-orange);font-size:24px}
main.experience-home .x-hero-word{position:absolute;z-index:0;bottom:-.24em;left:-.035em;font-size:clamp(150px,25vw,420px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff16;letter-spacing:-.055em;white-space:nowrap;pointer-events:none}
main.experience-home .x-dashboard-column{min-width:0;position:relative}
main.experience-home .x-growth-system{border:1px solid #ffffff55;background:#19191c;position:relative}
main.experience-home .x-growth-system:before{content:"";position:absolute;inset:-9px 8px 8px -9px;border-top:2px solid var(--x-orange);border-left:2px solid var(--x-orange);pointer-events:none}
main.experience-home .x-system-top{padding:20px;border-bottom:1px solid #ffffff40;display:flex;flex-direction:column;gap:6px}
main.experience-home .x-system-top strong{font-size:12px;letter-spacing:.1em}
main.experience-home .x-system-top>span{font-size:11px;color:#ddd}
main.experience-home .x-system-step{border-bottom:1px solid #ffffff30}
main.experience-home .x-system-step summary{list-style:none;display:grid;grid-template-columns:26px 1fr 16px;gap:10px;align-items:center;min-height:52px;padding:12px 16px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.03em}
main.experience-home .x-system-step summary::-webkit-details-marker{display:none}
main.experience-home .x-system-step summary small{font-size:10px;display:block;margin-top:3px;font-weight:500}
main.experience-home .x-stage-no{font-size:12px;color:var(--x-orange)}
main.experience-home .x-system-step[open] summary{background:var(--x-orange);color:var(--x-black)}
main.experience-home .x-system-step[open] .x-stage-no{color:var(--x-black)}
main.experience-home .x-system-step summary:focus-visible{outline:2px solid #fff;outline-offset:-4px}
main.experience-home .x-stage-body{padding:16px}
main.experience-home .x-stage-body dl{display:grid;gap:12px}
main.experience-home .x-stage-body dl>div{display:grid;grid-template-columns:55px 1fr;gap:10px}
main.experience-home .x-stage-body dt{font-size:9px;font-weight:700;line-height:1.8;color:#ddd}
main.experience-home .x-stage-body dd{font-size:12px;line-height:1.7;margin:0}
main.experience-home .x-stage-body dl>div:last-child dd{color:#fff;font-weight:800}
main.experience-home .x-system-foot{padding:14px 16px;font-size:10px;line-height:1.7;display:flex;justify-content:space-between;gap:10px;color:#dedede}
main.experience-home .x-system-foot>span:last-child{color:var(--x-orange);font-size:22px}
main.experience-home .x-impact{padding-block:60px 48px;background:#fff;color:var(--x-black)}
main.experience-home .x-impact .b-eyebrow{color:#59595f}
main.experience-home .x-impact .b-grid{display:block}
main.experience-home .x-impact-row{min-height:70svh;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding-block:52px;border-top:2px solid var(--x-black);position:relative}
main.experience-home .x-impact .b-number{font-size:clamp(140px,20vw,320px);line-height:1;letter-spacing:-.065em;margin:0;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
main.experience-home .x-impact-row:nth-child(2){color:var(--x-white)}
main.experience-home .x-impact-row:nth-child(2):before{content:"";position:absolute;inset:0 calc(-1 * var(--b-gutter));background:var(--x-black);z-index:-1}
main.experience-home .x-impact-row:nth-child(2) .b-number{color:var(--x-orange)}
main.experience-home .x-impact-context{min-width:0}
main.experience-home .x-impact h3{margin-bottom:16px}
main.experience-home .x-impact p{color:inherit}
main.experience-home .x-metric-ui{border:1px solid currentColor;margin-top:28px;padding:20px}
main.experience-home .x-ui-bar{font-size:10px;line-height:1.6;letter-spacing:.06em;font-weight:800;display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid currentColor}
main.experience-home .x-metric-flow{display:flex;flex-direction:column;align-items:start;gap:8px;padding-block:20px;font-size:14px;line-height:1.7}
main.experience-home .x-metric-flow>b{color:var(--x-orange);transform:rotate(90deg)}
main.experience-home .x-metric-note,main.experience-home .x-ui-foot{display:block;font-size:10px;line-height:1.8;margin-top:16px}
main.experience-home .x-solve{background:#fff;color:var(--x-black)}
main.experience-home .x-solve .b-section-heading{position:relative;padding:40px;background:var(--x-orange);color:var(--x-black);align-items:start;min-height:250px}
main.experience-home .x-solve .b-section-heading .b-eyebrow,main.experience-home .x-solve .b-section-heading .b-lead{color:var(--x-black)}
main.experience-home .x-solve .b-section-heading .b-lead{max-width:440px;position:relative;z-index:1}
main.experience-home .x-section-index{display:none}
main.experience-home .x-solve .b-grid{display:block}
main.experience-home .x-analysis-row{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;padding-block:40px}
main.experience-home .x-analysis-row>.b-tag,main.experience-home .x-analysis-row>h3,main.experience-home .x-analysis-row>p,main.experience-home .x-analysis-row>.b-link{grid-column:1}
main.experience-home .x-analysis-row>.b-link{justify-self:start}
main.experience-home .x-analysis-ui{grid-column:2;grid-row:1/5;padding:24px;border:1px solid var(--x-black);align-self:center;position:relative}
main.experience-home .x-analysis-ui:before{content:"";position:absolute;top:-1px;left:-1px;width:50px;height:3px;background:var(--x-orange)}
main.experience-home .x-analysis-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:0;margin-top:12px}
main.experience-home .x-analysis-grid>*{font-size:12px;line-height:1.8;padding-block:12px;border-bottom:1px solid #19191c25}
main.experience-home .x-analysis-grid>strong{font-weight:700}
main.experience-home .x-capabilities{padding-block:0;background:var(--x-black);color:#fff}
main.experience-home .x-capabilities>.b-container{max-width:none;padding:0}
main.experience-home .x-capabilities .b-section-heading{max-width:1280px;margin:auto;padding:80px var(--b-gutter) 40px}
main.experience-home .x-capabilities .b-grid{display:block}
main.experience-home .x-capabilities .x-cap-poster{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-content:center;min-height:82svh;padding:80px max(var(--b-gutter),calc((100vw - 1152px)/2));border-top:1px solid #ffffff40}
main.experience-home .x-capabilities .x-cap-poster>.b-tag,main.experience-home .x-capabilities .x-cap-poster>h3,main.experience-home .x-capabilities .x-cap-poster>p,main.experience-home .x-capabilities .x-cap-poster>.b-link{grid-column:1;position:relative;z-index:1}
main.experience-home .x-capabilities .x-cap-poster>.b-link{justify-self:start}
main.experience-home .x-poster-index{position:absolute;z-index:0;bottom:-.17em;left:.01em;font-size:clamp(180px,30vw,460px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff25;pointer-events:none}
main.experience-home .x-cap-interface{position:relative;z-index:1;grid-column:2;grid-row:1/5;align-self:center;min-width:0}
main.experience-home .x-cap-interface>div{border:1px solid currentColor;padding:28px}
main.experience-home .x-cap-2{background:#fff;color:var(--x-black)}
main.experience-home .x-cap-2 .b-tag,main.experience-home .x-capabilities .x-cap-2 p{color:#59595f}
main.experience-home .x-cap-2 .x-poster-index{-webkit-text-stroke-color:#19191c18;left:auto;right:.01em}
main.experience-home .x-cap-3{background:var(--x-orange);color:var(--x-black)}
main.experience-home .x-cap-3 .b-tag,main.experience-home .x-capabilities .x-cap-3 p{color:var(--x-black)}
main.experience-home .x-cap-3 .x-poster-index{-webkit-text-stroke-color:#19191c30}
main.experience-home .x-cap-4{background:var(--x-black);color:#fff}
main.experience-home .x-map-axis{display:grid;gap:0;padding-top:24px}
main.experience-home .x-map-axis>*{display:block;padding:18px 0 18px 22px;border-left:2px solid var(--x-orange);position:relative;font-size:16px;line-height:1.5}
main.experience-home .x-map-axis>*:before{content:"";position:absolute;left:-5px;top:24px;width:8px;height:8px;background:var(--x-orange)}
main.experience-home .x-map-axis>*:last-child{border-bottom:1px solid #ffffff40}
main.experience-home .x-board-center{margin:28px auto;width:160px;height:160px;display:grid;place-items:center;border:2px solid var(--x-orange);border-radius:50%;font-size:20px;font-weight:800}
main.experience-home .x-board-outputs{display:grid;grid-template-columns:1fr;gap:0;font-size:14px;line-height:1.7}
main.experience-home .x-board-outputs>*{padding:12px;border-top:1px solid #19191c40}
main.experience-home .x-channel-top{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:32px;font-size:12px;text-align:center}
main.experience-home .x-channel-top>*{border:1px solid var(--x-black);padding:16px 2px}
main.experience-home .x-channel-path{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;border-top:2px solid var(--x-black);padding-top:32px;margin-top:40px;font-size:14px;line-height:1.7}
main.experience-home .x-auto-row{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid #ffffff40;align-items:center}
main.experience-home .x-auto-row>span{font-size:9px;line-height:1.6;color:#dedede}
main.experience-home .x-auto-row>strong{font-size:14px;line-height:1.7;border-left:2px solid var(--x-orange);padding-left:18px}
main.experience-home .x-works{background:#fff}
main.experience-home .x-works .b-grid{display:block}
main.experience-home .x-works .b-card{position:relative;padding:40px 0 40px 76px;display:grid;grid-template-columns:1fr 1.6fr;gap:0 48px;min-height:360px;border-top:2px solid var(--x-black)}
main.experience-home .x-works .b-card>.b-tag,main.experience-home .x-works .b-card>h3,main.experience-home .x-works .b-card>p,main.experience-home .x-works .b-card>.b-link{grid-column:1}
main.experience-home .x-work-index{position:absolute;left:0;top:40px;font-size:24px;font-weight:800;letter-spacing:-.03em}
main.experience-home .x-case-canvas{grid-column:2;grid-row:1/5;align-self:stretch;display:grid;grid-template-columns:1fr 1fr;margin:0;background:var(--x-black);color:#fff;position:relative}
main.experience-home .x-case-canvas>div{padding:24px;border-bottom:1px solid #ffffff30}
main.experience-home .x-case-canvas>div:nth-child(2){border-left:1px solid #ffffff30}
main.experience-home .x-case-canvas>div:last-child{grid-column:1/-1;background:var(--x-orange);color:var(--x-black);border:0}
main.experience-home .x-case-canvas dt{font-size:10px;line-height:1.6;letter-spacing:.05em;margin-bottom:12px;font-weight:800}
main.experience-home .x-case-canvas dd{font-size:14px;line-height:1.8;margin:0}
main.experience-home .x-case-canvas>div:last-child dd{font-size:clamp(24px,2.4vw,34px);font-weight:900;letter-spacing:-.03em}
main.experience-home .x-approach{background:var(--x-black);color:#fff}
main.experience-home .x-approach .b-lead,main.experience-home .x-approach .b-eyebrow{color:#dedede}
main.experience-home .x-approach .b-container{display:block}
main.experience-home .x-approach .b-container>div:first-child{max-width:760px;margin-bottom:56px}
main.experience-home .x-approach .b-step{border:0;border-left:2px solid var(--x-orange);padding:0 0 48px 32px;grid-template-columns:40px 1fr 1.25fr;gap:24px;position:relative;align-items:start}
main.experience-home .x-approach .b-step:before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;background:var(--x-orange)}
main.experience-home .x-approach .b-step>strong{color:var(--x-orange)}
main.experience-home .x-approach .x-process-ui strong{color:var(--x-white)}
main.experience-home .x-process-ui{display:grid;grid-template-columns:1fr 20px 1fr;gap:16px;border-top:1px solid #ffffff50;padding-top:16px;align-items:start}
main.experience-home .x-process-ui>div{display:grid;gap:10px}
main.experience-home .x-process-ui>div>span{font-size:10px;color:#dedede;line-height:1.6;font-weight:700}
main.experience-home .x-process-ui strong{font-size:14px;line-height:1.8}
main.experience-home .x-process-arrow{color:var(--x-orange);align-self:center}
main.experience-home .x-industries{background:#fff;color:var(--x-black)}
main.experience-home .x-industries .b-eyebrow,main.experience-home .x-industries .b-card p{color:#59595f}
main.experience-home .x-industries .b-card{border-color:#19191c40;padding-right:28px;position:relative}
main.experience-home .x-industries .b-card:after{content:"↗";position:absolute;right:0;top:32px}
main.experience-home .x-about{background:var(--x-black);color:#fff;min-height:85svh;display:flex;align-items:center;overflow:hidden}
main.experience-home .x-about .b-container{display:block}
main.experience-home .x-about .b-container>div:first-child{position:relative;z-index:1;margin-bottom:40px}
main.experience-home .x-about .b-container>div:last-child{max-width:600px;margin-left:auto;position:relative;z-index:1}
main.experience-home .x-about-word{position:absolute;bottom:-.2em;left:-.01em;font-size:clamp(200px,44vw,640px);font-weight:900;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff12;pointer-events:none;z-index:0}
main.experience-home .x-insights{background:#fff}
main.experience-home .x-insights .b-card{border-top:2px solid var(--x-black)}
main.experience-home .x-contact{background:var(--x-orange);color:var(--x-black);min-height:85svh;display:flex;align-items:center;overflow:hidden}
main.experience-home .x-contact .b-lead,main.experience-home .x-contact .b-eyebrow{color:var(--x-black)}
main.experience-home .x-contact .b-button{background:var(--x-black);border-color:var(--x-black);color:#fff;min-height:64px}
main.experience-home .x-contact .b-button-light{background:transparent;color:var(--x-black)}
main.experience-home .x-cta-arrow{position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:clamp(170px,32vw,440px);line-height:1;color:#19191c;z-index:0;pointer-events:none}
main.experience-home .x-contact .b-container{padding-right:clamp(64px,24vw,350px)}
main.experience-home .b-link{transition:transform .2s;text-decoration-color:var(--x-orange)}
main.experience-home .x-contact .b-link,main.experience-home .x-cap-3 .b-link{ text-decoration-color:var(--x-black)}
main.experience-home .b-button{transition:background-color .2s,color .2s}
main.experience-home .b-dark .b-button:not(.b-button-light):hover{background:#fff;color:var(--x-black);border-color:#fff}
main.experience-home .x-contact .b-button:hover{background:#fff;border-color:#fff;color:var(--x-black)}
main.experience-home a:focus-visible{outline:3px solid var(--x-orange);outline-offset:6px}
main.experience-home .x-contact a:focus-visible,main.experience-home .x-cap-3:focus-visible{outline-color:var(--x-black)}
.brand-header .desktop-nav>a:not([href="/contact/"]):hover{text-decoration:underline;text-decoration-color:#f58220;text-underline-offset:7px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){main.experience-home .b-card:hover .b-link,main.experience-home .b-link:hover{transform:translateX(6px)}main.experience-home .x-case-canvas{transition:transform .3s}main.experience-home .b-card:hover .x-case-canvas{transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){main.experience-home .x-in-view .x-growth-system:before{animation:x-frame .9s ease-out both}main.experience-home .x-in-view .x-ui-bar{animation:x-interface .65s ease-out both}@keyframes x-frame{from{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0)}}@keyframes x-interface{from{transform:translateX(7px)}to{transform:translateX(0)}}}
/* 領域の仕事に合わせて、左右対比と横断フローを切り替える。 */
@media(min-width:1024px){
main.experience-home .x-capabilities .x-cap-2>.b-tag,main.experience-home .x-capabilities .x-cap-2>h3,main.experience-home .x-capabilities .x-cap-2>p,main.experience-home .x-capabilities .x-cap-2>.b-link{grid-column:2}
main.experience-home .x-cap-2 .x-cap-interface{grid-column:1}
main.experience-home .x-cap-4 .x-cap-interface{grid-column:1/-1;grid-row:5;margin-top:32px}
main.experience-home .x-cap-4 .x-automation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
main.experience-home .x-cap-4 .x-ui-bar{grid-column:1/-1}
main.experience-home .x-cap-4 .x-auto-row{display:flex;flex-direction:column;align-items:start;gap:16px;border-left:2px solid var(--x-orange);padding:16px}
}
@media(max-width:1023px){
main.experience-home .x-hero .b-hero-grid{grid-template-columns:1.5fr 1fr;gap:32px}
main.experience-home .b-hero-side{grid-template-columns:1fr}
main.experience-home .b-hero-discipline{grid-column:1;grid-row:auto;margin-bottom:16px}
main.experience-home .b-hero-side p{grid-column:1}
main.experience-home .x-impact-row{grid-template-columns:1.2fr 1fr;gap:24px}
main.experience-home .x-impact .b-number{font-size:clamp(120px,19vw,230px)}
main.experience-home .x-capabilities .x-cap-poster{column-gap:40px}
main.experience-home .x-works .b-card{padding-left:48px;grid-template-columns:1fr 1.3fr;gap:0 24px}
main.experience-home .x-approach .b-step{grid-template-columns:32px 1fr}
main.experience-home .x-process-ui{grid-column:2}
main.experience-home .x-contact .b-container{padding-right:var(--b-gutter)}
main.experience-home .x-cta-arrow{opacity:.15}
}
@media(max-width:767px){
main.experience-home .x-hero{min-height:0;padding-top:36px}
main.experience-home .x-hero .b-hero-grid{grid-template-columns:1fr;gap:44px}
main.experience-home .b-hero-side{margin-top:24px;grid-template-columns:1fr 1.25fr;gap:0 20px}
main.experience-home .b-hero-discipline{grid-column:1;grid-row:1;margin:0}
main.experience-home .b-hero-side p{grid-column:2}
main.experience-home .b-hero-side p:last-child{grid-column:1/-1;margin-top:16px}
main.experience-home .x-dashboard-column{padding-left:8px}
main.experience-home .b-hero-bottom{flex-wrap:wrap}
main.experience-home .b-hero-bottom>span:last-child{display:none}
main.experience-home .x-hero-word{font-size:36vw;bottom:.03em}
main.experience-home .x-impact{padding-top:40px}
main.experience-home .x-impact-row{grid-template-columns:1fr;min-height:65svh;padding-block:40px;gap:24px}
main.experience-home .x-impact .b-number{font-size:clamp(114px,31vw,160px)}
main.experience-home .x-impact-context{display:grid;grid-template-columns:1fr 1.3fr;gap:0 18px}
main.experience-home .x-impact-context h3{align-self:center;margin:0}
main.experience-home .x-impact-context>p{margin:0}
main.experience-home .x-metric-ui{grid-column:1/-1;padding:16px;margin-top:22px}
main.experience-home .x-metric-flow{flex-direction:row;flex-wrap:wrap;align-items:center;font-size:12px;gap:8px}
main.experience-home .x-metric-flow>b{transform:none}
main.experience-home .x-solve .b-section-heading{padding:28px 20px}
main.experience-home .x-solve .b-section-heading .b-lead{margin-top:24px}
main.experience-home .x-analysis-row{grid-template-columns:1fr;gap:0}
main.experience-home .x-analysis-ui{grid-column:1;grid-row:auto;margin-top:24px;padding:18px}
main.experience-home .x-capabilities .b-section-heading{padding-top:56px}
main.experience-home .x-capabilities .x-cap-poster{grid-template-columns:1fr;min-height:85svh;padding:48px var(--b-gutter);gap:0}
main.experience-home .x-cap-interface{grid-column:1;grid-row:auto;margin-top:32px}
main.experience-home .x-cap-interface>div{padding:20px}
main.experience-home .x-poster-index{font-size:64vw;bottom:-.1em;left:auto;right:0;opacity:.5}
main.experience-home .x-map-axis{grid-template-columns:1fr 1fr;padding-top:20px}
main.experience-home .x-map-axis>*{padding:20px 10px;font-size:14px}
main.experience-home .x-board-center{width:120px;height:120px;font-size:16px;margin-block:24px}
main.experience-home .x-auto-row{padding-block:18px;grid-template-columns:80px 1fr}
main.experience-home .x-channel-path{gap:8px;font-size:12px}
main.experience-home .x-works .b-card{display:block;padding:64px 0 32px}
main.experience-home .x-work-index{top:20px;font-size:18px}
main.experience-home .x-case-canvas{margin-top:24px}
main.experience-home .x-case-canvas>div{padding:18px}
main.experience-home .x-case-canvas>div:last-child dd{font-size:24px}
main.experience-home .x-approach .b-step{padding-left:18px;grid-template-columns:24px 1fr;gap:16px}
main.experience-home .x-process-ui{gap:8px}
main.experience-home .x-process-ui strong{font-size:12px}
main.experience-home .x-about{min-height:85svh}
main.experience-home .x-about .b-container>div:last-child{margin-left:0}
main.experience-home .x-contact{min-height:80svh}
main.experience-home .x-contact .b-actions{display:grid;grid-template-columns:1fr}
main.experience-home .x-contact .b-button{justify-content:space-between}
main.experience-home .x-cta-arrow{font-size:70vw;right:-8%;top:35%;opacity:.12}
}
@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}}