body:has(#enter.is-show){overflow:hidden}#enter{z-index:10;background:var(--color-black10);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:fixed;top:0;left:0}#enter.is-skip{transition:opacity}#enter.is-show{opacity:1;pointer-events:auto}#enter{--enter-top:76px;--logo-width:121px;--fs-h2:22px;--btn-height:64px}#enter .enter_content{width:100%;padding-top:var(--enter-top)}#enter .c-cols{row-gap:var(--margin9);flex-direction:column;display:flex}#enter .cols_l{width:100%}#enter h1{width:var(--logo-width);aspect-ratio:1;margin-inline:auto}#enter h2{letter-spacing:0;font-family:HelveticaNowDisplay-Bd;font-size:var(--fs-h2);text-align:center;margin-top:var(--margin1-5);line-height:1.35}#enter p{font-size:var(--fs-12);text-align:center}#enter .c-btn_enter{width:238px;margin-inline:auto;margin-top:var(--margin8)}#enter .c-btn_enter button{width:100%}#enter .c-list_enter_phase{width:calc(100% - var(--gutter4));--icon-circle-width:15px;--icon-width:10px;--icon-height:5px;margin-inline:auto}#enter .c-list_enter_phase ul{row-gap:var(--margin1-5);flex-direction:column;display:flex}#enter .c-list_enter_phase a{display:block}#enter .c-list_enter_phase dl{width:100%}#enter .c-list_enter_phase dl dt{position:relative}#enter .c-list_enter_phase dl dt span.phase_name{letter-spacing:0;font-family:HelveticaNowDisplay-Bd;font-size:var(--fs-18);align-items:center;column-gap:var(--margin4);display:flex}#enter .c-list_enter_phase dl dt span.phase_name span{display:block}#enter .c-list_enter_phase dl dt span.c-icon_circle{width:var(--icon-circle-width);height:var(--icon-circle-width);border:1px solid var(--color-black20);margin-top:calc(var(--icon-circle-width) / -2);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0}#enter .c-list_enter_phase dl dt span.c-icon_circle span.c-icon{width:var(--icon-width);height:var(--icon-height)}#enter .c-list_enter_phase dl dt span.c-icon_circle span.c-icon svg{fill:var(--color-black)}#enter .c-list_enter_phase dl dd{font-size:var(--fs-10);color:var(--color-black60)}@media (width>=976px){#enter{--enter-top:0px;--logo-width:249px;--fs-h2:1.875rem}#enter h1{width:var(--logo-width);aspect-ratio:1}#enter .enter_content{width:calc(100% - var(--gutter2));height:100vh;margin-inline:auto}#enter .c-cols{flex-direction:row;justify-content:space-between;align-items:center;row-gap:0;width:100%;height:100vh;display:flex}#enter .cols_l{width:40.67%}#enter .cols_r{width:57.62%}#enter h2{font-size:var(--fs-h2);margin-top:var(--margin6)}#enter p{font-size:var(--fs-15)}#enter .c-btn_enter{width:301px;margin-top:var(--margin6)}#enter .c-list_enter_phase{width:calc(100% - var(--gutter4));--icon-circle-width:34px;--icon-width:20px;--icon-height:10px;margin-inline:auto}#enter .c-list_enter_phase ul{row-gap:var(--margin6);flex-direction:column;display:flex}#enter .c-list_enter_phase a{display:block}#enter .c-list_enter_phase dl{width:100%}#enter .c-list_enter_phase dl dt{position:relative}#enter .c-list_enter_phase dl dt span.phase_name{font-size:var(--fs-40);column-gap:var(--margin8)}#enter .c-list_enter_phase dl dt span.c-icon_circle{width:var(--icon-circle-width);height:var(--icon-circle-width);border:1px solid var(--color-black20);margin-top:calc(var(--icon-circle-width) / -2);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0}#enter .c-list_enter_phase dl dt span.c-icon_circle span.c-icon{width:var(--icon-width);height:var(--icon-height)}#enter .c-list_enter_phase dl dt span.c-icon_circle span.c-icon svg{fill:var(--color-black)}#enter .c-list_enter_phase dl dd{font-size:var(--fs-15);color:var(--color-black)}}#about .s-inner{padding-top:96px}#about .c-abouot_content{padding-bottom:48px}#about .c-ttl_about :is(h3,h4){font-size:var(--fs-27);letter-spacing:-.02em;text-align:center;line-height:1.35}#about .c-ttl_about h3{letter-spacing:0;font-family:HelveticaNowDisplay-Bd;position:relative}#about .c-ttl_about h3:after{content:"ー";display:block}#about .c-cols{width:calc(100% - var(--gutter8));margin-inline:auto;margin-top:48px}#about .c-cols .cols_l,#about .c-cols .cols_r{flex-direction:column;row-gap:1em;display:flex}#about .c-cols p{font-size:var(--fs-14);letter-spacing:.02em;text-align:justify;line-height:1.7}#about .c-btn_wrap{margin-top:48px}#about .c-btn_wrap a{margin-inline:auto}#about .c-members{padding-top:96px}#about .c-members .c-row{width:calc(100% - var(--gutter4));margin-inline:auto;justify-content:center;max-width:684px;margin-top:24px;display:flex}#about .c-members .u-col2{column-gap:var(--gutter2)}#about .c-members .u-col2 dl{width:calc(50% - var(--gutter1))}#about .c-members .u-col3{column-gap:var(--gutter1)}#about .c-members .u-col3 dl{width:calc((100% - var(--gutter2)) / 3)}#about .c-members dl{flex-direction:column;row-gap:4px;display:flex}#about .c-members dl dt,#about .c-members dl dd{text-align:center}#about .c-members dl dt{color:var(--color-black40);font-size:var(--fs-12)}#about .c-members dl dd{font-size:var(--fs-14);white-space:nowrap}#about .c-members ul{justify-content:center;column-gap:var(--gutter1);flex-wrap:wrap;row-gap:8px;display:flex}#about .c-members ul li{width:calc((100% - var(--gutter2)) / 3);text-align:center;font-size:var(--fs-14);line-height:1.7}@media (width>=976px){#about .s-inner{padding-top:196px}#about .c-about_content{padding-bottom:96px}#about .c-ttl_about{justify-content:center;column-gap:12px;display:flex}#about .c-ttl_about h3{column-gap:12px;display:flex}#about .c-ttl_about h3:after{content:"｜";display:block;position:relative;top:2px}#about .c-cols{margin-inline:auto;justify-content:space-between;width:936px;margin-top:100px;display:flex}#about .c-cols .cols_l,#about .c-cols .cols_r{row-gap:1em;width:44.87%}#about .c-cols p{font-size:var(--fs-15);letter-spacing:-.02em}#about .c-btn_wrap{margin-top:100px}#about .c-members{padding-top:96px}#about .c-members .c-row,#about .c-members .c-row.u-col3{margin-top:12px}#about .c-members .c-row:has(ul){margin-top:48px}#about .c-members dl dt{letter-spacing:-.02em}#about .c-members dl dd{font-size:var(--fs-15);letter-spacing:-.02em;line-height:1.7}#about .c-members ul{justify-content:flex-start}#about .c-members ul li{width:calc((100% - var(--gutter5)) / 6);font-size:var(--fs-15)}}main,#about{background:var(--color-bg);width:100%}footer{background:var(--color-bg)}:root{--timeline-top:170px;--ttl-item-height:40px;--ttl-phase-height:100svh;--timeline-year-top:50px}nav#nav_year{width:calc(var(--g1) + var(--gutter2));z-index:5;height:100vh;padding-left:var(--gutter1);position:sticky;top:0}nav#nav_year ul{flex-direction:column;row-gap:12px;display:flex}nav#nav_year li{font-size:var(--fs-15);letter-spacing:0;font-family:HelveticaNowDisplay-Bd}#timeline{padding-top:var(--timeline-top);width:100%;margin-top:-100vh;position:relative}#timeline .c-ttl_item{width:100%;height:var(--ttl-item-height);pointer-events:none;z-index:2;mix-blend-mode:difference;align-items:center;display:flex;position:sticky;top:0;left:0}#timeline .c-ttl_item ul{width:calc(100% - var(--gutter2) - var(--g1));margin-left:calc(var(--gutter2) + var(--g1));display:flex}#timeline .c-ttl_item ul li{padding-left:calc(var(--dot-width) + 4px);--dot-width:10px;position:relative}#timeline .c-ttl_item ul li:before{content:"";width:var(--dot-width);height:var(--dot-width);background:var(--color-white);border-radius:100vmax;display:block;position:absolute;bottom:1px;left:0}#timeline .c-ttl_item ul li:first-child{width:59.36%}#timeline .c-ttl_item ul li:nth-child(2){width:27.61%}#timeline .c-ttl_item ul li span{line-height:1;display:block}#timeline .c-ttl_item ul li span.u-en{font-size:var(--fs-10);letter-spacing:0;color:var(--color-white40);font-family:HelveticaNowDisplay-Bd}#timeline .c-ttl_item ul li span.u-ja{font-size:var(--fs-12);color:var(--color-white);letter-spacing:-.02em;margin-top:.1em;line-height:1}#timeline #phase1{width:100%;margin-top:calc(var(--ttl-phase-height) * -1);position:relative}#timeline section[data-year-section]{z-index:3;position:relative}#timeline section[data-year-section]:has(.b-phase){z-index:1}#timeline section[data-year-section]:has(.b-phase) .c-cols{z-index:3;position:relative}#timeline section[data-year-section] .b-phase{z-index:1}#timeline section[data-year-section] .c-cols{width:100%}.c-ttl_phases{width:100%;height:var(--ttl-phase-height);z-index:2;pointer-events:none;mix-blend-mode:difference;--phase-left:calc(var(--gutter2) + var(--g1));position:sticky;top:0;overflow:hidden}.c-ttl_phases .phase_num{left:var(--phase-left);top:var(--timeline-year-top);column-gap:var(--phase-num-gap);--fs-phase:22px;--phase-num-gap:8px;display:flex;position:absolute}.c-ttl_phases .phase_num h2,.c-ttl_phases .phase_num p{color:#f5f5fa;line-height:1}.c-ttl_phases .phase_num h2{font-size:var(--fs-phase);letter-spacing:0;font-family:HelveticaNowDisplay-Bd}.c-ttl_phases .phase_num p#period{letter-spacing:0;column-gap:.2em;font-family:HelveticaNowDisplay-Bd;display:flex;position:relative;top:.4em}.c-ttl_phases .phase_num p#period span{display:block}.c-ttl_phases .c-company_structure{width:100%;height:100svh;position:absolute;top:0;left:0;overflow:hidden}.c-ttl_phases .c-company_structure .wrap_structures{width:100%;transition:transform .4s cubic-bezier(.7,.1,.5,.9);position:relative}.c-ttl_phases .c-company_structure .c-structure{width:100%;height:100vh;padding-left:calc(var(--gutter2) + var(--g1));padding-top:106px}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase1{width:calc(100% - var(--gutter2));aspect-ratio:653/138;position:relative}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase1.logo_phase1{aspect-ratio:653/138}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase1 img{max-inline-size:revert;max-block-size:revert;width:100%;height:100%;position:absolute}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2{row-gap:var(--margin8);flex-direction:column;display:flex}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_architecture img{aspect-ratio:204/59;width:52.31vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_research img{aspect-ratio:159/59;width:40.77vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_design img{aspect-ratio:129/66;width:33.08vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3{row-gap:var(--margin6);flex-direction:column;display:flex}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li{width:100%}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_panoramatiks img{aspect-ratio:234/53;width:60vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_rhizomatiks img{aspect-ratio:223/63;width:57.18vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_flowplateaux img{aspect-ratio:219/68;width:56.15vw}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase4{aspect-ratio:303/150;width:77.69vw;position:relative}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase4.logo_phase1{aspect-ratio:303/150}.b-phase{width:100%;height:calc(var(--ttl-phase-height) * 1.5);position:relative}.b-phase .phase_inner{width:100%;height:var(--ttl-phase-height);position:sticky;top:0}.b-phase .c-hero{width:100%;height:100%;position:absolute;top:0;left:0}.b-phase .c-hero img{object-fit:cover;width:100%;height:100%}.b-phase .c-ttl_phase{width:100%;height:var(--ttl-phase-height);mix-blend-mode:difference;position:relative;top:0;left:0}.b-phase .c-ttl_phase hgroup{width:calc(100% - var(--gutter3) - var(--g1));bottom:var(--margin12);right:var(--gutter1);position:absolute}.b-phase .c-ttl_phase hgroup p,.b-phase .c-ttl_phase hgroup h3{color:#f5f5fa}.b-phase .c-ttl_phase hgroup p{font-size:var(--fs-12)}.b-phase .c-ttl_phase hgroup h3{font-size:var(--fs-18);text-align:justify;margin-top:12px}#timeline[data-current-phase="0"] .wrap_structures{transform:translate(0,0%)}#timeline[data-current-phase="1"] .wrap_structures{transform:translateY(-25%)}#timeline[data-current-phase="2"] .wrap_structures{transform:translateY(-50%)}#timeline[data-current-phase="3"] .wrap_structures{transform:translateY(-75%)}#timeline[data-current-phase="3"] .phase_num p#period span.to,#timeline[data-current-phase="3"] .phase_num p#period span.end{opacity:0}[data-year-section]{margin-top:var(--year-top);--year-top:52px}[data-year-section]:has(.b-phase) .c-cols{margin-top:var(--year-top)}[data-year-section]#y-2006{margin-top:0}[data-year-section]{--position-left:calc(var(--gutter1) + var(--g1))}[data-year-section] .c-cols{width:100%;padding-left:var(--position-left);column-gap:var(--gutter1);display:flex;position:relative}[data-year-section] .c-cols .c-list_works{width:calc(var(--g3) + var(--gutter2))}[data-year-section] .c-cols .c-list_news{width:calc(var(--g2) + var(--gutter2))}.c-list_news{--icon-width:16px}.c-list_news ul{row-gap:var(--margin1);flex-direction:column;display:flex}.c-list_news li{background:var(--color-white);border-radius:4px}.c-list_news .inr{padding:var(--margin2)}.c-list_news p.year{letter-spacing:0;font-family:HelveticaNowDisplay-Bd;font-size:var(--fs-12);color:var(--color-black40)}.c-list_news h5{font-size:var(--fs-12)}.c-list_news p.description{font-size:var(--fs-10);color:var(--color-black40)}.c-list_news a.link_external{margin-top:var(--margin2);display:block}.c-list_news a.link_external .link_inr{align-items:center;column-gap:var(--margin1);display:flex}.c-list_news a.link_external span.c-icon{width:var(--icon-width);height:var(--icon-width)}.c-list_news a.link_external span.c-icon svg{fill:var(--color-black)}.c-list_news a.link_external span.txt{font-size:var(--fs-12);color:var(--color-black40)}.c-list_works{--works-gap:var(--margin1);--color-bg-works:#f5f5fae6;--icon-circle-width:14px;--icon-width:8px}.c-list_works ul{row-gap:var(--works-gap);flex-direction:column;display:flex}.c-list_works li{background:var(--color-bg-works);border-radius:4px;width:100%;position:relative}:is(.c-list_works li.small,.c-list_works li.medium,.c-list_works li.large){width:calc(var(--g3) + var(--gutter2))}.c-list_works a,.c-list_works .wrap{padding:var(--margin2);display:block}.c-list_works p.year{letter-spacing:0;font-family:HelveticaNowDisplay-Bd;font-size:var(--fs-12);color:var(--color-black40)}.c-list_works h3{font-size:var(--fs-r)}.c-list_works figure{margin-top:var(--margin2);aspect-ratio:161/90;background:#ddd;width:100%}.c-list_works figure img{object-fit:cover;width:100%;height:100%}.c-list_works .description{margin-top:var(--margin2)}.c-list_works .description p{font-size:var(--fs-12)}.c-list_works p.icon{width:var(--icon-circle-width);height:var(--icon-circle-width);background:var(--color-black);margin-top:var(--margin2);border-radius:6px;justify-content:center;align-items:center;display:flex}.c-list_works p.icon span.c-icon{width:var(--icon-width);height:calc(var(--icon-width) / 2)}.c-list_works p.icon span.c-icon svg{fill:var(--color-white)}@media (width>=976px){:root{--timeline-top:240px;--ttl-item-height:74px;--ttl-phase-height:100vh;--timeline-year-top:128px}.show-year nav#nav_year{transform:translate(0,0)}nav#nav_year{width:calc(var(--gutter2) + var(--g1));z-index:5;height:100vh;transition:transform .3s;position:sticky;top:0;transform:translate(-110%)}nav#nav_year ul{will-change:transform;width:100%;padding-top:var(--timeline-year-top);transition:transform .3s}nav#nav_year li{transition:font-size .1s}nav#nav_year li a{color:var(--color-black40);transition:color .3s}nav#nav_year li a:hover{color:var(--color-black)}nav#nav_year li[data-dist="0"]{font-size:calc(var(--fs-15) * 2)}nav#nav_year li[data-dist="0"] a{color:var(--color-black)}nav#nav_year li[data-dist="1"]{font-size:calc(var(--fs-15) * 1.5)}nav#nav_year li[data-dist="2"]{font-size:calc(var(--fs-15) * 1.2)}#timeline .c-ttl_item ul{width:calc(100% - var(--gutter2) - var(--g1));margin-left:calc(var(--gutter2) + var(--g1))}#timeline .c-ttl_item ul li{padding-left:calc(var(--dot-width) + 10px);--dot-width:13px;flex-direction:row-reverse;justify-content:flex-end;column-gap:6px;display:flex}#timeline .c-ttl_item ul li:before{bottom:1px}#timeline .c-ttl_item ul li:first-child{width:63.63%}#timeline .c-ttl_item ul li:nth-child(2){width:27.27%}#timeline .c-ttl_item ul li span{line-height:1;display:block}#timeline .c-ttl_item ul li span.u-en{font-size:var(--fs-11)}#timeline .c-ttl_item ul li span.u-ja{font-size:var(--fs-15);margin-top:0}.c-ttl_phases{--phase-left:calc(var(--gutter2) + var(--g1))}.c-ttl_phases .phase_num{--fs-phase:2.5rem;--phase-num-gap:12px}.c-ttl_phases .c-company_structure{height:100vh}.c-ttl_phases .c-company_structure .c-structure{padding-top:240px}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase1{aspect-ratio:652/138;width:44.54vw;position:relative}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase1.logo_phase1{aspect-ratio:653/138}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2{column-gap:var(--gutter1);flex-direction:row}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li{width:25.68vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_architecture img,.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_research img{aspect-ratio:272/104;width:18.58vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase2 li.logo_design img{aspect-ratio:272/114;width:18.58vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3{column-gap:var(--gutter1);flex-direction:row;display:flex}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li{width:25.68vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_panoramatiks img{aspect-ratio:372/117;width:25.41vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_rhizomatiks img{aspect-ratio:330/113;width:22.54vw}.c-ttl_phases .c-company_structure .structure_inner ul.logo_phase3 li.logo_flowplateaux img{aspect-ratio:310/96;width:21.17vw}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase4{aspect-ratio:854/288;width:58.33vw;position:relative}.c-ttl_phases .c-company_structure .structure_inner p.logo_phase4.logo_phase1{aspect-ratio:854/288}.c-ttl_phase .c-content{padding-left:calc(var(--gutter2) + var(--g1))}.c-ttl_phase .c-content hgroup{width:576px;bottom:145px;right:calc(var(--gutter2) + var(--g1));position:absolute}.c-ttl_phase .c-content hgroup p,.c-ttl_phase .c-content hgroup h3{color:#f5f5fa}.c-ttl_phase .c-content hgroup p{font-size:var(--fs-15)}.c-ttl_phase .c-content hgroup h3{font-size:var(--fs-28);margin-top:12px}.b-year{min-height:400px}.b-year .c-cols{display:flex}.b-year .c-cols .c-list_works{width:60%}.b-year .c-cols .c-list_news{width:40%}[data-year-section]{--position-left:calc(var(--g1) + var(--gutter2));--icon-width:16px}[data-year-section] .c-cols{width:100%;padding-left:var(--position-left);left:0}[data-year-section] .c-cols .c-list_works{width:calc(var(--g7) + var(--gutter6))}[data-year-section] .c-cols .c-list_news{width:calc(var(--g3) + var(--gutter2))}.c-list_news{--icon-width:16px}.c-list_news ul{row-gap:var(--margin3)}.c-list_news li{border-radius:8px}.c-list_news p.year{font-size:var(--fs-12)}.c-list_news h5{font-size:var(--fs-15)}.c-list_news p.description{font-size:var(--fs-12)}.c-list_news a.link_external{margin-top:var(--margin2)}.c-list_works{--works-gap:var(--margin3);--icon-circle-width:16px;--icon-width:10px}.c-list_works li{border-radius:8px}.c-list_works li.small{width:calc(var(--g2) + var(--gutter2));left:calc(var(--g4) + var(--gutter4))}.c-list_works li.small.r{left:calc(var(--g5) + var(--gutter4))}.c-list_works li.medium{width:calc(var(--g5) + var(--gutter5));left:calc(var(--g4) + var(--gutter4))}.c-list_works li.medium.r{left:calc(var(--g5) + var(--gutter4))}.c-list_works li.medium .wrap,.c-list_works li.medium a{padding:var(--margin4)}.c-list_works li.large{width:calc(var(--g6) + var(--gutter6));left:0}.c-list_works li.large.r{left:calc(var(--g5) + var(--gutter4))}.c-list_works li.large .wrap,.c-list_works li.large a{padding:var(--margin4)}.c-list_works figure{margin-top:var(--margin2);aspect-ratio:161/90;background:#ddd;width:100%}.c-list_works figure img{object-fit:cover;width:100%;height:100%}}