:root {
  --d: 0.05s;
  --x: 0;
  --y: 0;
  --rotateZ: 0;
  --angleX: 0;
  --c-white-0: #f8f8e9;
  --c-white-1: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.8);
  --c-white-2: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.4);
  --c-white-3: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.3);
  --c-white-4: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.2);
  --c-white-5: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.05);
  --c-white-6: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.075);
  --c-black-0: #060709;
  --c-black-1: #0a0b0c;
  --c-black-2: #0a0b0c;
  --c-alpha-0: 0.8;
  --c-alpha-1: 0.9;
  --gw0: 0.52vw;
  --gw1: 1.041vw;
  --gw2: 2.083vw;
  --margin-nv-x: 0.173vw;
  --margin-u-x: 0.173vw;
  --padding-mu-x: 0.347vw;
  --padding-tr-y: 0.868vw;
  --padding-tr-yy: 1.388vw;
  --radius-mu: 1.388vw;
  --u-mu-w: calc(var(--gw2)*18);
  --u-mu-border-w: 0.694vw;
  --u-btn-h-s: 1.388vw;
  --u-btn-h-m: 2.083vw;
  --u-btn-h-l: 3.125vw;
  --u-thumb-w: 1.25vw;
  --u-thumb-h: 4.166vw;
  --grid-w: calc(25vw - var(--gw1)*2/4);
  --window-h: calc(var(--vh, 1vh)*100);
  --full-h: calc(var(--vh, 1vh)*100 - var(--gw1)*2);
  --hd-h: 4.166vw;
  --hd-padding-y: 5.208vw;
  --aside-h: 3.472vw;
  --e-power1-in: cubic-bezier(0.26, 0, 0.6, 0.2);
  --e-power1-out: cubic-bezier(0.4, 0.8, 0.74, 1);
  --e-power1-in-out: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  --e-power2-in: cubic-bezier(0.4, 0, 0.68, 0.06);
  --e-power2-out: cubic-bezier(0.32, 0.94, 0.6, 1);
  --e-power2-in-out: cubic-bezier(0.66, 0, 0.34, 1);
  --e-power3-in: cubic-bezier(0.52, 0, 0.74, 0);
  --e-power3-out: cubic-bezier(0.26, 1, 0.48, 1);
  --e-power3-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --e-power4-in: cubic-bezier(0.64, 0, 0.78, 0);
  --e-power4-out: cubic-bezier(0.22, 1, 0.36, 1);
  --e-power4-in-out: cubic-bezier(0.84, 0, 0.16, 1);
  --e-expo-in: cubic-bezier(0.66, 0, 0.86, 0);
  --e-expo-out: cubic-bezier(0.14, 1, 0.34, 1);
  --e-expo-inOut: cubic-bezier(0.9, 0, 0.1, 1);
  --a-btn-hover-enter-s: .6s;
  --a-btn-hover-enter-e: var(--e-power4-out);
  --a-btn-hover-leave-s: calc(var(--a-btn-hover-enter-s)*1.5);
  --a-btn-hover-leave-e: var(--e-power4-out);
  --a-btn-open-enter-s: 1.2s;
  --a-btn-open-enter-e: var(--e-power4-out);
  --a-btn-open-leave-s: calc(var(--a-btn-open-enter-s)*1.5);
  --a-btn-open-leave-e: var(--e-power4-out);
  --a-leave-s: 0.3s;
  --a-leave-e: var(--e-power2-out);
  --a-hd-leave-s: 2.2s;
  --a-hd-leave-e: var(--e-power4-in-out);
  --a-split-s: 2.2s;
  --a-split-e: var(--e-power4-out);
  --a-split-y: 1em;
  --a-split-deg: 1deg;
  --a-cl-s: 2.2s;
  --a-cl-e: var(--e-power4-out);
  --a-single-s: 1.8s;
  --a-single-e: var(--e-power4-out);
  --a-mu-leave-s: 1.2s;
  --a-mu-leave-e: var(--e-power4-out);
  --a-mu-enter-s: 1.2s;
  --a-mu-enter-e: var(--e-power4-out);
  --a-project-s: 1.2s;
  --a-project-e: var(--e-power4-out);
  --p-perspective: max(100vw, calc(var(--window-h)));
  --p-sync-w: 30vw;
  --a-color-s: 0s;
  --a-color-e: var(--e-power2-in-out);
  --ls-1: 0.055em;
  --ls-2: 0.075em;
  --ls-3: 0.11em;
  --gy-1: 0.06em
}

.show-c-d {
  display: block
}

.show-c-l,
[data-current-col=light] .show-c-d {
  display: none
}

[data-current-col=light] .show-c-l {
  display: block
}

[data-current-col=light] .c-sg-info,
[data-current-col=light] .c-sl-n a {
  color: var(--c-black-2)
}

[data-current-col=light] [data-slide-to] .t div:last-child {
  -webkit-text-stroke-color: var(--c-black-2);
  opacity: .2
}

[data-current-col=light] .c-lc .u-btn-m .u-btn-body,
[data-current-col=light] .c-lc .u-btn-s .u-btn-body {
  background-color: var(--c-black-2);
  border: none
}

[data-current-col=light][data-current-page=about] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-col=light][data-current-page=about] .l-gl .u-mu-body:before,
[data-current-col=light][data-current-page=archives] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-col=light][data-current-page=archives] .l-gl .u-mu-body:before,
[data-current-col=light][data-current-page=projects] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-col=light][data-current-page=projects] .l-gl .u-mu-body:before,
[data-current-col=light][data-current-page=single] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-col=light][data-current-page=single] .l-gl .u-mu-body:before {
  background-color: var(--c-black-2)
}

[data-current-col=light]:root {
  --c-black-1: #dcdcdc;
  --c-black-2: #e6e6e6;
  --c-alpha-0: 1;
  --c-alpha-1: 1
}

html {
  font-family: NeueMontreal, sans-serif;
  line-height: 1
}

a,
html {
  color: var(--c-white-0)
}

a {
  text-decoration: none
}

#app .f-ja,
[lang=ja] {
  font-family: NeueMontreal, Hiragino Kaku Gothic ProN, hiragino-kaku-gothic-pron, sans-serif
}

#app .f-ja,
[lang=ja] #app .c-editor,
[lang=ja] #app .c-sec-dsc,
[lang=ja] #app .l-table-ul {
  font-feature-settings: "palt"
}

.w6 {
  font-weight: 600
}

.w5 {
  font-weight: 500
}

.w4 {
  font-weight: 400
}

.w3 {
  font-weight: 300
}

h1,
h2,
h3,
h4 {
  font-weight: 400
}

.f-hm {
  font-size: 16.666vw
}

.f-ac {
  font-size: 10.416vw
}

.f-h0 {
  font-size: 9.722vw
}

.f-h1 {
  font-size: 9.375vw
}

.f-h2 {
  font-size: 8.333vw
}

.f-140 {
  font-size: 5.208vw
}

[lang=en] .f-30 {
  font-size: max(2.291vw, 20px)
}

[lang=ja] .f-30 {
  font-size: max(2.013vw, 20px)
}

.f-24 {
  font-size: max(1.875vw, 27px)
}

.f-20 {
  font-size: max(1.388vw, 20px)
}

.f-15,
html {
  font-size: max(1.041vw, 15px)
}

.f-14 {
  font-size: max(.972vw, 14px)
}

.f-13 {
  font-size: max(.902vw, 13px)
}

.f-12 {
  font-size: max(.798vw, 11.5px)
}

.f-10,
.f-11 {
  font-size: max(.763vw, 11px)
}

@media screen and (min-width:1680px) {
  .f-hm {
    font-size: 16.145vw
  }

  .f-24 {
    font-size: 31.05px
  }

  .f-20 {
    font-size: 23px
  }

  .f-15,
  html {
    font-size: 17.25px
  }

  .f-14 {
    font-size: 16.1px
  }

  .f-13 {
    font-size: 14.95px
  }

  .f-12 {
    font-size: 13.225px
  }

  .f-10,
  .f-11 {
    font-size: 12.65px
  }
}

@media screen and (min-width:1920px) {
  .f-24 {
    font-size: 35.1px
  }

  .f-20 {
    font-size: 26px
  }

  .f-15,
  html {
    font-size: 19.5px
  }

  .f-14 {
    font-size: 18.2px
  }

  .f-13 {
    font-size: 16.9px
  }

  .f-12 {
    font-size: 14.95px
  }

  .f-10,
  .f-11 {
    font-size: 14.3px
  }
}

@media screen and (max-width:1180px)and (orientation:portrait) {
  .f-140 {
    font-size: 9.027vw
  }

  [lang=en] .f-30,
  [lang=ja] .f-30 {
    font-size: 24px
  }

  .f-20 {
    font-size: 16px
  }

  .f-15,
  html {
    font-size: 15px
  }

  .f-14 {
    font-size: 14px
  }

  .f-13 {
    font-size: 13px
  }

  .f-10,
  .f-11,
  .f-12 {
    font-size: 12px
  }
}

@media (max-width:1024px)and (orientation:portrait),
screen and (max-width:767px),
screen and (max-width:900px)and (orientation:landscape) {

  [lang=en] .f-30,
  [lang=ja] .f-30 {
    font-size: 20px
  }

  .f-24 {
    font-size: 18px
  }

  .c-sub-top .f-24,
  .f-140 {
    font-size: 9.027vw
  }

  .c-kan.f-11 {
    font-size: 13px
  }

  .f-ac {
    font-size: 9.722vw
  }

  .f-h1,
  .f-h2 {
    font-size: 8.333vw
  }

  .f-15,
  html {
    font-size: 15px
  }

  .f-13,
  .f-14,
  .f-20 {
    font-size: 14px
  }

  .f-10 {
    font-size: 11px
  }
}

@media screen and (max-width:900px)and (orientation:landscape) {

  .c-sub-top .f-24,
  .f-140 {
    font-size: 4.166vw
  }
}

html {
  overflow: hidden;
  text-transform: uppercase
}

body {
  perspective: max(100vw, (var(--window-h)))
}

.in {
  height: 100%;
  position: relative;
  width: 100%
}

::-moz-selection {
  background: var(--c-black-0);
  color: var(--c-white-0)
}

::selection {
  background: var(--c-black-0);
  color: var(--c-white-0)
}

#page {
  position: fixed
}

#page,
body,
html {
  height: var(--window-h);
  overflow: hidden;
  width: 100vw
}

.u-mu {
  z-index: 104
}

.c-mu-lang {
  z-index: 103
}

.c-mu {
  z-index: 102
}

.c-mu-bg {
  z-index: 101
}

.u-bk {
  z-index: 100
}

.c-lg,
.c-nav,
.u-lg {
  z-index: 99
}

.c-lc {
  z-index: 2
}

#webgl {
  z-index: 1
}

.t-c {
  text-align: center
}

.t-r {
  text-align: right
}

.t-n {
  text-transform: none
}

.c-col-lgray {
  color: var(--c-white-1)
}

.c-hr {
  height: 1px;
  overflow: hidden;
  padding: 0 var(--gw1);
  width: 100%
}

.c-hr div {
  background-color: var(--c-white-3);
  height: 100%;
  width: 100%
}

.c-ub {
  height: 1px;
  overflow: hidden;
  width: 100%
}

.c-ub div {
  background-color: var(--c-white-4);
  height: 100%;
  width: 100%
}

.c-delay-child>:first-child .t,
[data-d="1"],
[data-d="1"] .t {
  transition-delay: calc(var(--d)*1) !important
}

.c-pj-tt [data-d="1"] {
  transition-delay: calc(var(--d)*.3*1) !important
}

.c-delay-child>:nth-child(2) .t,
[data-d="2"],
[data-d="2"] .t {
  transition-delay: calc(var(--d)*2) !important
}

.c-pj-tt [data-d="2"] {
  transition-delay: calc(var(--d)*.3*2) !important
}

.c-delay-child>:nth-child(3) .t,
[data-d="3"],
[data-d="3"] .t {
  transition-delay: calc(var(--d)*3) !important
}

.c-pj-tt [data-d="3"] {
  transition-delay: calc(var(--d)*.3*3) !important
}

.c-delay-child>:nth-child(4) .t,
[data-d="4"],
[data-d="4"] .t {
  transition-delay: calc(var(--d)*4) !important
}

.c-pj-tt [data-d="4"] {
  transition-delay: calc(var(--d)*.3*4) !important
}

.c-delay-child>:nth-child(5) .t,
[data-d="5"],
[data-d="5"] .t {
  transition-delay: calc(var(--d)*5) !important
}

.c-pj-tt [data-d="5"] {
  transition-delay: calc(var(--d)*.3*5) !important
}

.c-delay-child>:nth-child(6) .t,
[data-d="6"],
[data-d="6"] .t {
  transition-delay: calc(var(--d)*6) !important
}

.c-pj-tt [data-d="6"] {
  transition-delay: calc(var(--d)*.3*6) !important
}

.c-delay-child>:nth-child(7) .t,
[data-d="7"],
[data-d="7"] .t {
  transition-delay: calc(var(--d)*7) !important
}

.c-pj-tt [data-d="7"] {
  transition-delay: calc(var(--d)*.3*7) !important
}

.c-delay-child>:nth-child(8) .t,
[data-d="8"],
[data-d="8"] .t {
  transition-delay: calc(var(--d)*8) !important
}

.c-pj-tt [data-d="8"] {
  transition-delay: calc(var(--d)*.3*8) !important
}

.c-delay-child>:nth-child(9) .t,
[data-d="9"],
[data-d="9"] .t {
  transition-delay: calc(var(--d)*9) !important
}

.c-pj-tt [data-d="9"] {
  transition-delay: calc(var(--d)*.3*9) !important
}

.c-delay-child>:nth-child(10) .t,
[data-d="10"],
[data-d="10"] .t {
  transition-delay: calc(var(--d)*10) !important
}

.c-pj-tt [data-d="10"] {
  transition-delay: calc(var(--d)*.3*10) !important
}

.c-delay-child>:nth-child(11) .t,
[data-d="11"],
[data-d="11"] .t {
  transition-delay: calc(var(--d)*11) !important
}

.c-pj-tt [data-d="11"] {
  transition-delay: calc(var(--d)*.3*11) !important
}

.c-delay-child>:nth-child(12) .t,
[data-d="12"],
[data-d="12"] .t {
  transition-delay: calc(var(--d)*12) !important
}

.c-pj-tt [data-d="12"] {
  transition-delay: calc(var(--d)*.3*12) !important
}

.c-delay-child>:nth-child(13) .t,
[data-d="13"],
[data-d="13"] .t {
  transition-delay: calc(var(--d)*13) !important
}

.c-pj-tt [data-d="13"] {
  transition-delay: calc(var(--d)*.3*13) !important
}

.c-delay-child>:nth-child(14) .t,
[data-d="14"],
[data-d="14"] .t {
  transition-delay: calc(var(--d)*14) !important
}

.c-pj-tt [data-d="14"] {
  transition-delay: calc(var(--d)*.3*14) !important
}

.c-delay-child>:nth-child(15) .t,
[data-d="15"],
[data-d="15"] .t {
  transition-delay: calc(var(--d)*15) !important
}

.c-pj-tt [data-d="15"] {
  transition-delay: calc(var(--d)*.3*15) !important
}

.c-delay-child>:nth-child(16) .t,
[data-d="16"],
[data-d="16"] .t {
  transition-delay: calc(var(--d)*16) !important
}

.c-pj-tt [data-d="16"] {
  transition-delay: calc(var(--d)*.3*16) !important
}

.c-delay-child>:nth-child(17) .t,
[data-d="17"],
[data-d="17"] .t {
  transition-delay: calc(var(--d)*17) !important
}

.c-pj-tt [data-d="17"] {
  transition-delay: calc(var(--d)*.3*17) !important
}

.c-delay-child>:nth-child(18) .t,
[data-d="18"],
[data-d="18"] .t {
  transition-delay: calc(var(--d)*18) !important
}

.c-pj-tt [data-d="18"] {
  transition-delay: calc(var(--d)*.3*18) !important
}

.c-delay-child>:nth-child(19) .t,
[data-d="19"],
[data-d="19"] .t {
  transition-delay: calc(var(--d)*19) !important
}

.c-pj-tt [data-d="19"] {
  transition-delay: calc(var(--d)*.3*19) !important
}

.c-delay-child>:nth-child(20) .t,
[data-d="20"],
[data-d="20"] .t {
  transition-delay: calc(var(--d)*20) !important
}

.c-pj-tt [data-d="20"] {
  transition-delay: calc(var(--d)*.3*20) !important
}

[data-n="0"] {
  display: block;
  height: calc(var(--gw2)*0);
  width: 100%
}

[data-n="0.5"] {
  display: block;
  height: calc(var(--gw2)*.5);
  width: 100%
}

[data-n="1"] {
  display: block;
  height: calc(var(--gw2)*1);
  width: 100%
}

[data-n="1.5"] {
  display: block;
  height: calc(var(--gw2)*1.5);
  width: 100%
}

[data-n="2"] {
  display: block;
  height: calc(var(--gw2)*2);
  width: 100%
}

[data-n="2.5"] {
  display: block;
  height: calc(var(--gw2)*2.5);
  width: 100%
}

[data-n="3"] {
  display: block;
  height: calc(var(--gw2)*3);
  width: 100%
}

[data-n="3.5"] {
  display: block;
  height: calc(var(--gw2)*3.5);
  width: 100%
}

[data-n="4"] {
  display: block;
  height: calc(var(--gw2)*4);
  width: 100%
}

[data-n="4.5"] {
  display: block;
  height: calc(var(--gw2)*4.5);
  width: 100%
}

[data-n="5"] {
  display: block;
  height: calc(var(--gw2)*5);
  width: 100%
}

[data-n="5.5"] {
  display: block;
  height: calc(var(--gw2)*5.5);
  width: 100%
}

[data-n="6"] {
  display: block;
  height: calc(var(--gw2)*6);
  width: 100%
}

[data-n="6.5"] {
  display: block;
  height: calc(var(--gw2)*6.5);
  width: 100%
}

[data-n="7"] {
  display: block;
  height: calc(var(--gw2)*7);
  width: 100%
}

[data-n="7.5"] {
  display: block;
  height: calc(var(--gw2)*7.5);
  width: 100%
}

[data-n="8"] {
  display: block;
  height: calc(var(--gw2)*8);
  width: 100%
}

[data-n="8.5"] {
  display: block;
  height: calc(var(--gw2)*8.5);
  width: 100%
}

[data-n="9"] {
  display: block;
  height: calc(var(--gw2)*9);
  width: 100%
}

[data-n="9.5"] {
  display: block;
  height: calc(var(--gw2)*9.5);
  width: 100%
}

[data-n="10"] {
  display: block;
  height: calc(var(--gw2)*10);
  width: 100%
}

[data-n="0"] {
  display: none
}

.is-hv-a * {
  cursor: pointer
}

.is-enter:not(.is-sc-mode) *,
.is-leave:not(.is-sc-mode) * {
  cursor: progress
}

.is-leave a {
  pointer-events: none
}

#webgl {
  left: 0;
  min-height: 100% !important;
  min-width: 100% !important;
  position: fixed;
  top: 0
}

.js-gl {
  height: 100%;
  position: relative;
  width: 100%
}

.js-gl-pivot,
.js-gl-pivot .js-play-video {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.js-gl {
  visibility: hidden
}

.js-gl[data-visible="1"] {
  visibility: visible
}

.c-wrap {
  height: var(--window-h);
  overflow: hidden;
  width: 100%
}

.c-pg {
  position: relative
}

.c-lc,
.c-pg {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.c-lc {
  position: absolute
}

.c-body {
  height: 100%;
  padding: 0 var(--gw1);
  width: 100%
}

.c-sm {
  bottom: 0;
  left: 0;
  padding: var(--gw1);
  position: absolute;
  width: 100%
}

.c-sm-ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative
}

.c-sm-m {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%)
}

[data-xhr-namespace=home] .c-mn {
  height: var(--window-h);
  perspective: var(--window-h);
  position: relative
}

.c-hm-tt {
  left: 50%;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap
}

.is-any .c-hm-tt {
  left: 0;
  transform: translate(var(--gw1))
}

.c-hm-tt .c-cl {
  overflow: hidden
}

.c-hm-tt-body {
  padding: var(--hd-padding-y) 0 0 0
}

.c-hm-tt {
  transform: translate(-50%)
}

.l-hm {
  display: block;
  height: 100%;
  position: relative;
  transform: translateX(calc(var(--angleX)*-.25%)) translateY(0) rotate(calc(var(--rotateZ)*1deg*.2)) rotateY(calc(var(--angleX)*-1.5deg*.2));
  width: 100%
}

.is-not-any .c-hm-tt {
  transform: translate(calc(-50% + var(--mouseX)*var(--gw2)*2))
}

.is-not-any .c-sub-bottom,
.is-not-any .c-sub-top {
  transform: translate(calc(var(--mouseX)*var(--gw2)*1))
}

.is-not-any .c-hm-tt,
.is-not-any .c-sub-bottom,
.is-not-any .c-sub-top {
  will-change: transform
}

.c-sub-top {
  left: var(--gw1);
  line-height: .85;
  position: absolute;
  top: calc(var(--hd-padding-y) + .75em + var(--gw1))
}

.c-sub-top>div {
  min-width: var(--grid-w)
}

.c-sub-bottom {
  bottom: var(--aside-h);
  line-height: 1;
  position: absolute;
  right: var(--gw1)
}

.c-sub-bottom>div {
  min-width: var(--grid-w)
}

.c-sub-bottom .u-btn {
  bottom: .12em;
  left: 5.2em;
  position: absolute
}

.l-ae {
  align-items: center;
  display: flex;
  height: var(--hd-h);
  padding: 0 var(--gw1);
  position: fixed;
  z-index: 3
}

.l-ae.l-ae-lb {
  bottom: 0;
  left: 0
}

.l-ae.l-ae-rb {
  bottom: 0;
  right: 0
}

.l-ae.l-ae-c {
  bottom: 0;
  left: 50%;
  transform: translate(-50%)
}

.c-pg-hd {
  align-items: flex-end;
  display: flex
}

.c-pg-ft,
.c-pg-hd {
  height: var(--window-h);
  width: 100%
}

.c-pg-ft {
  position: relative
}

[data-xhr-namespace=about] .c-pg-ft {
  padding-top: var(--hd-h)
}

.h1 {
  display: inline-block;
  line-height: .76;
  padding: var(--gw1) 0 var(--gw2) 0;
  text-transform: uppercase
}

.c-pg-hd .h1 {
  margin: -.2em -.06em
}

.c-sec-hd .h1 {
  margin: -.1em 0
}

.c-pg-tt {
  padding: 0 var(--gw1) var(--gw1) var(--gw1)
}

.h1 .h-l {
  letter-spacing: -.01em;
  margin-bottom: var(--gw1);
  white-space: nowrap
}

.h1 .h-l:last-child {
  margin-bottom: 0
}

.is-not-any .p-y-1 {
  transform: translateY(calc(var(--f2)*var(--gw2)*6));
  will-change: auto
}

.is-not-any .p-y-2 {
  transform: translateY(calc(var(--f2)*var(--gw2)*-4.5));
  will-change: auto
}

.is-not-any .p-y-3 {
  transform: translateY(calc(var(--f3)*var(--gw2)*4.5));
  will-change: auto
}

.is-not-any .p-y-1[data-visible="1"],
.is-not-any .p-y-2[data-visible="1"],
.is-not-any .p-y-3[data-visible="1"] {
  will-change: transform
}

.l-grid-li .c-hr {
  padding: 0
}

.c-ft-licence {
  left: 50%;
  transform: translate(-50%)
}

.c-ft-download,
.c-ft-licence {
  position: absolute;
  top: var(--gw2)
}

.c-ft-download {
  right: var(--gw1)
}

.c-ft-textarea label {
  left: -9999px;
  position: absolute;
  top: 0
}

.c-ft-textarea {
  font-family: Aircord;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.c-ft-textarea,
.c-ft-textarea textarea {
  line-height: .75;
  overflow: hidden;
  resize: none;
  width: 100%
}

.c-ft-textarea textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--c-white-0);
  height: calc(2.25em + var(--gw1)*2);
  line-break: anywhere;
  outline: none;
  padding: var(--gw1) var(--gw1) 0 var(--gw1);
  text-align: justify;
  text-transform: uppercase
}

.is-any .c-ft-textarea {
  padding-bottom: var(--hd-h)
}

.is-any .c-ft-textarea textarea {
  border-bottom: 1px dashed var(--c-white-3);
  border-left: 0;
  border-right: 0;
  border-top: 1px dashed var(--c-white-3)
}

#app .c-acc-body .l-table-li .c-tr,
.c-tr {
  display: flex;
  margin-bottom: -1px;
  padding: var(--padding-tr-y) 0
}

.c-tr .c-th {
  padding-right: 2em;
  width: 30%
}

.c-tr .c-td {
  width: 70%
}

.c-award-li .c-tr {
  align-items: center;
  display: flex
}

.c-acc-hd .c-tr,
.c-award-li .c-tr {
  padding: var(--padding-tr-yy) 0
}

#app .c-acc-body .l-table-li:first-child .c-tr,
.l-table-li:first-child .c-tr {
  padding-top: 0
}

.c-acc-hd .c-td,
.c-acc-hd .c-th,
.c-award-li .c-td,
.c-award-li .c-th {
  width: auto
}

.c-acc-hd .c-tr {
  align-items: center;
  justify-content: space-between
}

.c-acc-body {
  height: 0;
  overflow: hidden
}

.c-acc-body .l-table-li:last-child .c-ub {
  display: none
}

.c-ar-hd,
.c-pg-hd-h {
  height: calc(var(--vh, 1vh)*50)
}

.c-ar-hd .c-pg-tt {
  padding: var(--hd-padding-y) var(--gw1) var(--gw1) var(--gw1)
}

.c-ar-hd .h1 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(var(--gw1)*-1);
  padding: 0
}

.c-ar-links ul {
  align-items: center;
  display: flex
}

.c-ar-links ul li {
  padding-right: .5em
}

.c-ar-links ul li:last-child {
  padding-right: 0
}

.c-ar-ft {
  position: relative
}

.c-ar-body {
  padding: 0 var(--gw1)
}

.c-ar-info {
  display: flex;
  justify-content: space-between
}

.l-table,
.l-tr {
  width: 100%
}

.l-tr {
  display: flex
}

.l-table .l-td,
.l-table .l-tr {
  vertical-align: top
}

.l-table .l-td {
  padding: var(--padding-tr-y) 0 calc(var(--padding-tr-y) - 1px) 0
}

.l-table .l-tr {
  border-bottom: 1px solid var(--c-white-3)
}

.is-not-any .l-table .l-tbody .l-tr:hover {
  border-bottom: 1px solid var(--c-white-2)
}

.c-ar-tt {
  padding-right: 1em
}

.c-ar-client,
.c-ar-name {
  padding-right: 1em;
  width: var(--grid-w)
}

.c-ar-conetnt {
  width: calc(100% - var(--grid-w)*2)
}

[data-xhr-namespace=error] .c-pg-hd {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}

[data-xhr-namespace=error] .c-pg-tt .h1 {
  padding: 0
}

.is-l-d[data-current-page=error] .u-mu,
.is-l-d[data-current-page=error] header {
  opacity: 0;
  pointer-events: none
}

.c-aircord {
  position: fixed
}

.c-aircord-a {
  align-items: center;
  display: block;
  display: flex;
  height: var(--hd-h);
  justify-content: center;
  padding: 0 var(--gw1)
}

.c-aircord-body {
  aspect-ratio: 122.49/100;
  height: 32%;
  transform: translateY(-3%)
}

.c-aircord-body path {
  stroke-width: 0px;
  fill: var(--c-white-0)
}

[data-current-col=light] .c-lg.is-cs path {
  fill: var(--c-black-0)
}

@media(prefers-reduced-motion) {

  *,
  :after,
  :before {
    transition: none !important;
    transition-delay: 0s !important
  }

  #app .c-hm-tt {
    transform: translate(-50%)
  }

  #app .c-cl-w {
    transform: translate(0)
  }
}

.c-cl {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.c-cl,
.c-cl .w {
  overflow: hidden;
  white-space: nowrap
}

.c-cl .w {
  display: inline-block;
  margin: -.125em -.1em;
  padding-left: .1em;
  padding-right: .1em;
  position: relative
}

.a-cl .o {
  display: block;
  margin-bottom: -.125em;
  margin-top: -.125em;
  overflow: hidden;
  position: relative
}

.a-cl .t,
.c-cl .w,
.js-split .js-split-l,
.js-split .js-split-w {
  display: inline-block;
  line-height: 1;
  transform: translateY(var(--a-split-y)) rotate(var(--a-split-deg));
  transform-origin: left top;
  vertical-align: bottom;
  will-change: auto
}

.a-cl.re .t,
.c-cl.re .w,
.js-split.re .js-split-l,
.js-split.re .js-split-w {
  transform: translateY(calc(var(--a-split-y)*-1)) rotate(calc(var(--a-split-deg)*-1));
  transform-origin: left bottom;
  will-change: auto
}

.f-h2 .c-cl.re .w,
.f-hm .c-cl.re .w {
  transform: translateY(calc(var(--a-split-y)*-1*.9)) rotate(calc(var(--a-split-deg)*-1))
}

.f-h2 .c-cl .w,
.f-hm .c-cl .w {
  transform: translateY(calc(var(--a-split-y)*.9)) rotate(var(--a-split-deg))
}

.a-cl .t[data-a="1"],
.c-cl .w[data-a="1"] {
  will-change: transform
}

.c-cl .w {
  transition: transform var(--a-split-s) var(--a-split-e)
}

.a-cl .t {
  transform: translateY(100%) rotate(var(--a-split-deg));
  transition: transform var(--a-cl-s) var(--a-cl-e) var(--d)
}

.c-mu-main li,
.h1 .c-cl {
  margin-bottom: var(--gy-1)
}

#app .c-io-li:last-child,
#app .c-mu-main li:last-child,
#app .h1 .c-cl:last-child {
  margin-bottom: 0
}

@media screen and (max-width:1180px) {
  :root {
    --gy-1: 0.1em
  }
}

.u-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.u-view {
  display: block;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(calc(var(--rotateZ)*1deg)) rotateY(calc(var(--angleX)*-1.5deg));
  z-index: 9
}

.u-view,
.u-view .u-btn {
  left: 50%;
  position: absolute
}

.u-view .u-btn {
  bottom: 0;
  transform: translateX(calc(-50% + var(--angleX)*-1.5%)) translateY(50%)
}

.u-btn-l .u-btn-body {
  border-radius: var(--u-btn-h-l);
  font-weight: 500;
  height: var(--u-btn-h-l);
  min-width: calc(var(--gw2)*6)
}

.u-btn-ul {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 -.25em
}

.u-btn-ul li {
  margin: 0 var(--margin-u-x)
}

.u-btn-g,
.u-btn-o {
  display: inline-block
}

.u-btn-g .u-btn-body,
.u-btn-o .u-btn-body {
  align-items: center;
  border: 1px solid var(--c-white-4);
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  overflow: hidden;
  position: relative
}

.u-btn-g .o,
.u-btn-o .o {
  height: 1.2em;
  line-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 3
}

.u-btn-g .t,
.u-btn-o .t {
  align-items: center;
  display: flex;
  height: 1.2em;
  justify-content: center;
  line-height: 0;
  padding-top: 1px
}

.u-btn-g .t:last-child {
  color: var(--c-black-0)
}

.u-btn-g .t:last-child,
.u-btn-o .t:last-child {
  transform: scale(1.1)
}

.u-btn-g .u-btn-body:after {
  background-color: var(--c-white-0);
  border-radius: 100%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(110%);
  width: 100%;
  z-index: 2
}

.u-btn-fill .u-btn-body {
  border: none
}

.u-btn-fill .u-btn-body:after,
.u-btn-fill .u-btn-body:before {
  background-color: var(--c-black-0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.is-l-s .u-btn-g .t,
.is-l-s .u-btn-o .t {
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.is-l-s .u-btn-g .u-btn-body:after {
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e), border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.is-l-s .u-btn-fill .u-btn-body:after,
.is-l-s .u-btn-fill .u-btn-body:before {
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e), border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e), background var(--a-color-s) var(--a-color-e)
}

.u-btn-fill .u-btn-body:before {
  border-radius: 0;
  opacity: var(--c-alpha-0);
  transform: translate(0);
  z-index: 1
}

.u-btn-fill .u-btn-body:after {
  border-radius: 50%;
  opacity: var(--c-alpha-1);
  transform: translateY(110%);
  z-index: 2
}

.u-btn-fill.u-btn-c .u-btn-body:after,
.u-btn-fill.u-btn-c .u-btn-body:before {
  border-radius: 100% !important
}

.is-not-any.is-l-s .u-btn-hv:hover .t {
  transform: translateY(-100%);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

.is-not-any.is-l-s .u-btn-hv:hover .u-btn-body:after {
  border-radius: 0;
  transform: translate(0);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e), border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

.u-btn-hv .t {
  will-change: auto
}

.u-btn-hv .t[data-a="1"] {
  will-change: transform
}

.u-btn-s .u-btn-body {
  border-radius: var(--u-btn-h-s);
  height: var(--u-btn-h-s);
  padding: 0 calc(var(--u-btn-h-s)*.5)
}

.u-btn-m .u-btn-body {
  padding: 0 calc(var(--u-btn-h-m)*.5)
}

.u-btn-c .u-btn-body,
.u-btn-m .u-btn-body {
  border-radius: var(--u-btn-h-m);
  height: var(--u-btn-h-m)
}

.u-btn-c .u-btn-body {
  overflow: hidden;
  width: var(--u-btn-h-m)
}

#app .c-td .u-btn-s .u-btn-body {
  text-transform: uppercase
}

.l-gl .u-btn .u-btn-body .t:last-child {
  color: var(--c-black-0)
}

.l-gl .c-mu .u-btn .u-btn-body .t:last-child,
.l-gl .u-lg .u-btn .u-btn-body .t:last-child {
  color: var(--c-white-0)
}

.l-gl .u-btn .u-btn-body:after {
  background-color: var(--c-white-0)
}

[data-current-col=dark] .l-gl .c-mu .u-btn .u-btn-body:before,
[data-current-col=dark] .l-gl .c-mu .u-btn-mode-body:before,
[data-current-page=about] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-page=about] .l-gl .u-mu-body:before,
[data-current-page=archives] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-page=archives] .l-gl .u-mu-body:before,
[data-current-page=projects] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-page=projects] .l-gl .u-mu-body:before,
[data-current-page=single] .l-gl .u-btn-fill .u-btn-body:before,
[data-current-page=single] .l-gl .u-mu-body:before {
  background-color: var(--c-white-6)
}

.c-mu-lang .u-btn .u-btn-body:after,
.u-lg .u-btn .u-btn-body:after {
  display: none
}

.u-btn-toggle .t {
  transition: transform var(--a-btn-open-leave-s) var(--a-btn-open-leave-e)
}

.u-btn-toggle .b {
  transition: transform var(--a-btn-open-leave-s) var(--a-btn-open-leave-e), border-radius var(--a-btn-open-leave-s) var(--a-btn-open-leave-e)
}

.is-open .u-btn-toggle .t {
  transform: translateY(-100%);
  transition: transform var(--a-btn-open-enter-s) var(--a-btn-open-enter-e)
}

.is-open .u-btn-toggle .u-btn-body:after {
  border-radius: 0;
  transform: translate(0);
  transition: transform var(--a-btn-open-enter-s) var(--a-btn-open-enter-e), border-radius var(--a-btn-open-enter-s) var(--a-btn-open-enter-e)
}

.u-link {
  display: block;
  margin-bottom: -.05em
}

.u-link,
.u-link .o {
  height: .8em;
  line-height: .8em
}

.u-link .o {
  overflow: hidden
}

.u-link .t {
  padding-bottom: .1em;
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.c-html .u-link,
.c-html .u-link .o {
  height: 1em;
  line-height: 1em
}

.u-scroll {
  bottom: var(--gw1);
  position: absolute;
  right: var(--gw1);
  z-index: 2
}

.js-sc-to * {
  pointer-events: none
}

.u-btn-mode,
.u-btn-mode-body {
  height: var(--u-btn-h-m);
  position: relative;
  width: var(--u-btn-h-m)
}

.u-btn-mode-body {
  align-items: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden
}

.u-btn-mode-body:before {
  background-color: var(--c-black-0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: var(--c-alpha-0);
  position: absolute;
  top: 0;
  width: 100%
}

.u-btn-mode-p {
  border: 1px solid rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), .4);
  border-radius: 1em;
  height: 10px;
  overflow: hidden;
  position: relative;
  width: 15px;
  z-index: 2
}

.u-btn-mode-p div {
  background-color: var(--c-white-0);
  border-radius: 100%;
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(1px, -50%);
  transition: transform .2s;
  width: 6px
}

[data-current-col=light] .u-btn-mode-p div {
  transform: translate(6px, -50%)
}

.u-btn-mode-t {
  align-items: center;
  display: flex;
  height: var(--u-btn-h-m);
  left: calc(100% + .5em);
  pointer-events: none;
  position: absolute;
  top: 0;
  white-space: nowrap
}

.u-btn-mode-t .o {
  overflow: hidden
}

.u-btn-mode-t .t {
  transform: translate(-110%);
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.is-not-any .u-btn-mode:hover .u-btn-mode-t .t {
  transform: translate(0);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

@media screen and (min-width:1680px) {
  .u-btn-mode-p {
    height: 12px;
    width: 18px
  }

  .u-btn-mode-p div {
    height: 8px;
    transform: translate(1px, -50%);
    width: 8px
  }

  [data-current-col=light] .u-btn-mode-p div {
    transform: translate(7px, -50%)
  }
}

@media screen and (min-width:1920px) {
  .u-btn-mode-p {
    height: 14px;
    width: 22px
  }

  .u-btn-mode-p div {
    height: 10px;
    transform: translate(1px, -50%);
    width: 10px
  }

  [data-current-col=light] .u-btn-mode-p div {
    transform: translate(9px, -50%)
  }
}

.js-a * {
  pointer-events: none
}

.js-a.u-view * {
  pointer-events: auto
}

[data-current-page=home] .c-nav a[data-to=home] {
  pointer-events: none
}

[data-current-page=home] .c-nav a[data-to=home] .t {
  transform: translateY(-100%)
}

[data-current-page=home] .c-nav a[data-to=home] .u-btn-body:before {
  border-radius: 0;
  transform: translateY(-100%)
}

[data-current-page=home] .c-nav a[data-to=home] .u-btn-body:after {
  border-radius: 0;
  transform: translate(0)
}

[data-current-page=projects] .c-nav a[data-to=projects] {
  pointer-events: none
}

[data-current-page=projects] .c-nav a[data-to=projects] .t {
  transform: translateY(-100%)
}

[data-current-page=projects] .c-nav a[data-to=projects] .u-btn-body:before {
  border-radius: 0;
  transform: translateY(-100%)
}

[data-current-page=projects] .c-nav a[data-to=projects] .u-btn-body:after {
  border-radius: 0;
  transform: translate(0)
}

[data-current-page=about] .c-nav a[data-to=about] {
  pointer-events: none
}

[data-current-page=about] .c-nav a[data-to=about] .t {
  transform: translateY(-100%)
}

[data-current-page=about] .c-nav a[data-to=about] .u-btn-body:before {
  border-radius: 0;
  transform: translateY(-100%)
}

[data-current-page=about] .c-nav a[data-to=about] .u-btn-body:after {
  border-radius: 0;
  transform: translate(0)
}

[data-current-page=archives] .c-nav a[data-to=archives] {
  pointer-events: none
}

[data-current-page=archives] .c-nav a[data-to=archives] .t {
  transform: translateY(-100%)
}

[data-current-page=archives] .c-nav a[data-to=archives] .u-btn-body:before {
  border-radius: 0;
  transform: translateY(-100%)
}

[data-current-page=archives] .c-nav a[data-to=archives] .u-btn-body:after {
  border-radius: 0;
  transform: translate(0)
}

.c-nav {
  position: fixed;
  right: calc(var(--gw2)*2 + var(--gw1));
  top: 0
}

.c-nav .u-btn-body {
  min-width: calc(var(--gw2)*3)
}

.u-lg {
  left: 50%;
  position: fixed;
  top: 0;
  transform: translate(-50%)
}

.c-nav ul,
.u-lg ul {
  align-items: center;
  display: flex;
  height: var(--hd-h);
  justify-content: center;
  margin: 0 calc(var(--margin-nv-x)*-1)
}

.c-nav ul li,
.u-lg ul li {
  margin: 0 var(--margin-nv-x)
}

.u-bk,
.u-lg {
  will-change: auto
}

[data-current-page=home] #app header .u-lg-en,
[data-current-page=home] #app header .u-lg-ja {
  opacity: 1;
  transform: translate(0)
}

[lang=en] header .u-lg-en,
[lang=ja] header .u-lg-ja {
  z-index: 1
}

[lang=en] header .u-lg-ja,
[lang=ja] header .u-lg-en {
  z-index: 2
}

[lang=en] #app header .u-lg [data-lang=en],
[lang=ja] #app header .u-lg [data-lang=ja] {
  pointer-events: none
}

[lang=en] #app header .u-lg [data-lang=en] .t,
[lang=ja] #app header .u-lg [data-lang=ja] .t {
  color: var(--c-white-0);
  transform: translateY(-100%);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

[lang=en] #app header .u-lg [data-lang=en] .u-btn-body:after,
[lang=ja] #app header .u-lg [data-lang=ja] .u-btn-body:after {
  border-radius: 0;
  transform: translate(0);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e), border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

[lang=en] #app header .u-lg [data-lang=en] .u-btn-body:after,
[lang=en] #app header .u-lg [data-lang=en] .u-btn-body:before,
[lang=ja] #app header .u-lg [data-lang=ja] .u-btn-body:after,
[lang=ja] #app header .u-lg [data-lang=ja] .u-btn-body:before {
  opacity: 0
}

.u-bk {
  left: 50%
}

.u-bk,
.u-mu {
  align-items: center;
  display: flex;
  height: var(--hd-h);
  position: fixed;
  top: 0
}

.u-mu {
  justify-content: center;
  right: 0;
  width: calc(var(--gw2)*2)
}

.u-mu-body {
  border-radius: 100%;
  height: var(--gw2);
  overflow: hidden;
  position: relative;
  width: var(--gw2)
}

.u-mu-body .t {
  background-color: var(--c-black-0);
  height: 2px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: var(--u-mu-border-w);
  z-index: 3
}

.u-mu-body .t div {
  background-color: var(--c-white-0);
  display: block;
  height: 100%;
  opacity: .9;
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);
  width: 100%
}

.u-mu-body .t1 {
  transform: translate(-50%, calc(-50% - 4px))
}

.u-mu-body .t2 {
  transform: translate(-50%, -50%)
}

.u-mu-body .t3 {
  transform: translate(-50%, calc(-50% + 4px))
}

.u-mu-body:after,
.u-mu-body:before {
  border-radius: 100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);
  width: 100%
}

.u-mu-body:before {
  background-color: var(--c-black-0);
  opacity: var(--c-alpha-0);
  z-index: 1
}

.u-mu-body:after {
  background-color: var(--c-white-0);
  opacity: var(--c-alpha-1);
  transform: translateY(110%);
  z-index: 2
}

.is-not-any .u-mu:hover .u-mu-body .t div {
  transform: translate(100%);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

.is-not-any .u-mu:hover .u-mu-body:after {
  transform: translate(0);
  transition: transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)
}

.c-mu {
  color: var(--c-white-0);
  height: var(--window-h);
  padding: var(--padding-mu-x);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate(100%);
  transform-origin: left center;
  will-change: auto
}

.c-mu[data-a="1"] {
  will-change: transform
}

.c-mu-body {
  border-radius: var(--radius-mu);
  height: 100%;
  overflow: hidden;
  position: relative
}

.c-mu-body:after {
  background-color: var(--c-black-2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.c-mu-address,
.c-mu-main,
.c-mu-sub {
  position: relative;
  z-index: 1
}

.c-mu-sub {
  bottom: var(--gw2);
  position: absolute
}

.c-mu-sub .u-btn-ul {
  display: flex;
  justify-content: flex-start;
  margin-top: calc(var(--margin-u-x)*2)
}

.c-mu-body {
  padding: 0 calc(var(--gw2)*4) 0 var(--gw2)
}

.c-mu-main {
  min-height: 50%;
  padding-right: .3em;
  padding-top: calc(var(--hd-padding-y) - var(--padding-mu-x))
}

.c-mu-main a .r {
  display: inline-block;
  position: relative
}

.c-mu-main a .o {
  margin-right: var(--padding-mu-x)
}

.c-mu-main a .n {
  align-items: center;
  border: 1px solid var(--c-white-4);
  border-radius: var(--u-btn-h-s);
  display: flex;
  height: var(--u-btn-h-s);
  justify-content: center;
  line-height: 1;
  padding: 0 calc(var(--u-btn-h-s)*.5);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(100%)
}

.c-mu-address {
  padding-top: var(--gw2);
  width: 18em
}

.c-mu-address .c-mu-a2 {
  margin-bottom: .1em
}

.c-mu .u-btn-mode {
  position: fixed;
  right: calc(var(--gw1) + var(--gw2) + var(--margin-nv-x)*2);
  top: calc(var(--gw1));
  z-index: 2
}

.u-mu-body .t {
  transition: transform var(--a-mu-leave-s) var(--a-mu-leave-e)
}

.c-mu {
  transition: transform var(--a-mu-leave-s) var(--a-mu-leave-e), opacity var(--a-mu-leave-s) var(--a-mu-leave-e)
}

.a-fd-m {
  transition: opacity var(--a-mu-leave-s) var(--a-mu-leave-e);
  will-change: auto
}

.a-fd-m[data-a="1"] {
  will-change: opacity
}

.c-mu-bg {
  display: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  text-indent: -9999px;
  top: 0;
  width: 100%
}

[data-menu-opened=true] #app .a-fd-m {
  opacity: 0;
  pointer-events: none
}

[data-menu-opened=true] #app .c-mn * {
  pointer-events: none
}

[data-menu-opened=true] .u-mu-body .t1 {
  transform: translate(-50%, -50%) rotate(135deg)
}

[data-menu-opened=true] .u-mu-body .t2 {
  transform: translate(-50%, -50%) scaleX(0)
}

[data-menu-opened=true] .u-mu-body .t3 {
  transform: translate(-50%, -50%) rotate(45deg)
}

[data-menu-opened=true] .u-mu-body .t div {
  transform: translate(100%);
  transition: transform var(--a-mu-enter-s) var(--a-mu-enter-e)
}

[data-menu-opened=true] .u-mu-body:after {
  transform: translate(0);
  transition: transform var(--a-mu-enter-s) var(--a-mu-enter-e)
}

[data-menu-opened=true] .c-mu {
  opacity: 1;
  pointer-events: auto;
  transform: translateZ(0);
  transition: transform var(--a-mu-enter-s) var(--a-mu-enter-e), opacity var(--a-mu-enter-s) var(--a-mu-enter-e)
}

[data-menu-opened=true] .c-mu-bg {
  display: block;
  pointer-events: auto
}

.is-dragging * {
  cursor: grabbing;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

#app .c-sl-n {
  left: var(--gw2);
  position: absolute;
  top: 0;
  z-index: 3
}

#app .c-sl-n-ul {
  align-items: center;
  display: flex;
  justify-content: center
}

[data-slide] {
  z-index: 0
}

[data-slide] .c-sl-c,
[data-slide] .c-sl-n {
  pointer-events: auto
}

[data-slide-to-prev] {
  left: var(--gw2)
}

[data-slide-to-next],
[data-slide-to-prev] {
  bottom: var(--gw1);
  position: absolute;
  z-index: 2
}

[data-slide-to-next] {
  right: var(--gw2)
}

[data-slide-to] .o {
  margin-top: -.1em
}

[data-slide-to] .t {
  height: .9em;
  line-height: .9em;
  overflow: hidden
}

[data-slide-to] .t div {
  height: .9em;
  line-height: .9em;
  transform: translate(0);
  transition: transform 1.2s .3s
}

[data-slide-to] .t div:last-child {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--c-white-3)
}

[data-slide-to].is-active .t div {
  transform: translateY(-100%)
}

[data-slide] {
  cursor: grab;
  height: var(--full-h);
  overflow: hidden;
  position: relative;
  width: 100%;
  width: 100vw
}

[data-slide][data-slide-dragging="1"] {
  cursor: grabbing
}

[data-slide-ul] {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 99999px
}

[data-slide-c],
[data-slide-o] {
  height: 100%;
  width: 100%
}

[data-slide-c] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

[data-slide] [data-slide-li] {
  height: var(--full-h);
  width: 100vw
}

[data-slide] [data-slide-o] {
  padding-left: var(--gw1);
  padding-right: calc(var(--gw1))
}

.c-sc-w[data-type=normal] {
  height: 100%;
  left: 0;
  overflow-x: hidden;
  position: fixed;
  scroll-behavior: auto;
  top: 0;
  width: 100%
}

.lenis.lenis-smooth {
  scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain
}

.lenis.lenis-stopped {
  overflow: hidden
}

.lenis.lenis-scrolling iframe {
  pointer-events: none
}

.c-aspect {
  aspect-ratio: var(--aspect-w)/var(--aspect-h)
}

.c-sg-tt-wrap {
  align-items: flex-end;
  display: flex;
  height: calc(var(--vh, 1vh)*50);
  justify-content: center;
  padding: 0 var(--gw2);
  width: 100%
}

.c-sg-ft {
  height: var(--window-h);
  width: 100%
}

.c-sg-tt {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.c-sg-ft-move {
  display: block;
  transform: translateY(calc(var(--line)*.3em))
}

#app .c-sg-more {
  bottom: 0;
  left: 50%;
  pointer-events: auto;
  position: absolute;
  transform: translate(-50%, 100%)
}

.c-io-li {
  margin-bottom: .1em
}

.c-io-li:last-child {
  margin-bottom: 0
}

.c-io-tr>div {
  display: inline-block;
  vertical-align: bottom
}

.c-io-s {
  padding-left: .1em;
  padding-right: .22em
}

.c-io-td span,
.c-io-td span:after {
  display: inline-block
}

.c-io-td span:after {
  content: ",";
  padding-right: .22em
}

.c-io-td span:last-child:after {
  content: "";
  display: none;
  padding-right: 0
}

.c-sg-info {
  align-items: flex-end;
  display: flex;
  height: calc(var(--vh, 1vh)*50);
  justify-content: center;
  padding: 0 var(--gw1) var(--gw1) var(--gw1);
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%
}

.c-sg-visual,
.c-test {
  height: var(--window-h)
}

.c-test {
  align-items: center;
  border-top: 2px solid red;
  display: flex;
  justify-content: center
}

.c-lr {
  align-items: flex-start;
  display: flex;
  justify-content: space-between
}

.c-lr-content {
  padding-left: var(--gw0);
  width: 50%
}

.c-lr-content:first-child {
  padding-left: 0;
  padding-right: var(--gw0);
  width: 50%
}

.c-lr-kan,
.c-lr-tt {
  position: relative;
  width: 25%
}

.c-lr-kan .c-kan {
  display: inline-block;
  transform: translate(-50%, -.2em)
}

.l-grid-ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--gw1);
  padding: 0 var(--gw1)
}

.c-sec {
  position: relative
}

.c-sec-hd {
  padding: 0 var(--gw1)
}

.c-sg-body .c-sec:last-child .c-spr {
  display: none
}

.c-name-lr {
  padding-bottom: var(--gw1)
}

.c-name-lr div {
  display: inline-block
}

.c-name-lr .c-name-l {
  padding-right: 2em
}

.c-sg-ft,
.js-play-video {
  position: relative
}

.js-play-video {
  transition: opacity var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.js-play-video .u-btn-o {
  pointer-events: none
}

.js-play-video .u-btn-cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.js-play-video .u-btn-cover[data-ui-geometry=play] {
  z-index: 2
}

.is-playing.js-play-video .u-btn-cover[data-ui-geometry=play],
.js-play-video .u-btn-cover[data-ui-geometry=pause] {
  z-index: 1
}

.is-playing.js-play-video .u-btn-cover[data-ui-geometry=pause] {
  z-index: 2
}

.is-playing.js-play-video {
  opacity: 0
}

.js-play-video-wrap {
  height: 100%;
  width: 100%
}

body,
html {
  overscroll-behavior: none
}

.c-sc-w {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.c-sc-w::-webkit-scrollbar {
  display: none
}

.c-sc-w[data-type=projects] {
  align-items: center;
  display: flex;
  height: var(--window-h);
  left: 0;
  position: fixed;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100vw
}

.c-sc-sec,
.c-sc-sync {
  align-items: center;
  display: flex;
  justify-content: center;
  perspective: 100vw;
  pointer-events: none;
  position: relative;
  visibility: hidden;
  will-change: auto;
  z-index: 1
}

.c-sc-sec {
  font-size: 10vw
}

.c-sc-w[data-type=projects] .c-sc-c,
.c-sc-w[data-type=projects] .c-sc-sync-body {
  align-items: center;
  display: flex;
  justify-content: center
}

.c-sc-w[data-type=projects] .c-sc-inner {
  height: calc(var(--project-h)*100vw);
  width: calc((var(--project-w) - var(--project-x))*100vw)
}

.c-sc-sync-wrap {
  display: none
}

[data-xhr-namespace=projects] .c-scbar {
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  z-index: 9999;
  z-index: 1
}

[data-xhr-namespace=projects] .c-scbar[data-dir=hr] {
  align-items: center;
  border-left: none;
  bottom: 0;
  display: flex;
  height: var(--u-thumb-h);
  top: auto;
  width: 100%
}

[data-xhr-namespace=projects] .c-thumb {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

[data-xhr-namespace=projects] .c-pivot {
  align-items: center;
  border-radius: 0;
  cursor: grab;
  display: flex;
  left: 0;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 0
}

[data-xhr-namespace=projects] .c-pivot:after {
  border-left: 2px solid var(--c-white-0);
  border-right: 2px solid var(--c-white-0);
  content: "";
  display: block;
  height: 40%;
  width: 100%
}

.is-dragging [data-xhr-namespace=projects] .c-pivot {
  cursor: grabbing
}

.u-pj-nav {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  z-index: 5
}

.u-pj-nav-ul {
  margin: 0 calc(var(--margin-u-x)*2)
}

.u-pj-nav-ul,
.u-pj-nav-ul a {
  align-items: center;
  display: flex;
  justify-content: center
}

.u-pj-nav-ul a {
  height: var(--u-thumb-h);
  margin: 0 var(--margin-u-x);
  width: var(--u-thumb-w)
}

.u-pj-nav-ul a:after {
  background-color: var(--c-white-0);
  border-radius: 100%;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity var(--a-project-s) var(--a-project-e);
  width: 2px
}

.u-pj-nav-ul .o {
  aspect-ratio: 2/1;
  width: 100%
}

.u-pj-nav-ul .t {
  border: 1px solid var(--c-white-1);
  height: 100%;
  opacity: calc(.2 + var(--cx-a)*.8);
  text-indent: -9999px;
  width: 100%
}

.u-pj-nav-thumb {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.u-pj-nav-body:before {
  left: 0
}

.u-pj-nav-body:after,
.u-pj-nav-body:before {
  background-color: var(--c-white-1);
  content: "";
  display: block;
  height: calc(var(--u-thumb-w)*.5);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.u-pj-nav-body:after {
  right: 0
}

.u-pj-nav-ul>li {
  transform: translateY(100%);
  transition: transform var(--a-cl-s) var(--a-cl-e) .6s;
  will-change: auto
}

.u-pj-nav-ul>li[data-a="1"] {
  will-change: transform
}

.u-pj-nav-ul>li:nth-child(6),
.u-pj-nav-ul>li:nth-child(7) {
  transition-delay: calc(var(--d)*6)
}

.u-pj-nav-ul>li:nth-child(5),
.u-pj-nav-ul>li:nth-child(8) {
  transition-delay: calc(var(--d)*7)
}

.u-pj-nav-ul>li:nth-child(4),
.u-pj-nav-ul>li:nth-child(9) {
  transition-delay: calc(var(--d)*8)
}

.u-pj-nav-ul>li:nth-child(10),
.u-pj-nav-ul>li:nth-child(3) {
  transition-delay: calc(var(--d)*9)
}

.u-pj-nav-ul>li:nth-child(11),
.u-pj-nav-ul>li:nth-child(2) {
  transition-delay: calc(var(--d)*10)
}

.u-pj-nav-ul>li:first-child,
.u-pj-nav-ul>li:nth-child(12) {
  transition-delay: calc(var(--d)*11)
}

.u-pj-nav {
  opacity: 0;
  transform: translate(-50%, 100%);
  transition: opacity var(--a-cl-s) var(--a-cl-e) .6s, transform var(--a-cl-s) var(--a-cl-e) .6s
}

.u-pj-nav-body:before {
  transform: translate(calc(var(--gw2)*-1.5), -50%)
}

.u-pj-nav-body:after,
.u-pj-nav-body:before {
  transition: transform var(--a-cl-s) var(--a-cl-e) .6s
}

.u-pj-nav-body:after {
  transform: translate(calc(var(--gw2)*1.5), -50%)
}

.c-pj-o {
  height: 1.2em;
  margin-bottom: -.1em;
  margin-top: -.1em;
  overflow: hidden;
  position: relative
}

.c-pj-t {
  height: 1.2em;
  justify-content: center
}

.c-pj-category,
.c-pj-t {
  align-items: center;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.c-pj-category {
  height: calc(var(--vh)*50 - var(--project-h)*100vw*.5);
  padding: 0 var(--gw1)
}

.c-pj-category .c-pj-o {
  height: 1em;
  width: 100%
}

.c-pj-category .c-pj-t {
  height: 1em;
  text-align: center;
  width: 100%
}

.c-pj-flex {
  align-items: center;
  display: flex
}

.c-pj-info {
  bottom: calc((var(--aside-h) - 1em)*.5);
  left: var(--gw1);
  position: absolute
}

.c-pj-info .c-io-table {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 50vw
}

.c-pj-info .c-pj-o {
  width: calc(50vw - 6em)
}

.c-pj-info .c-pj-t {
  bottom: 0;
  justify-content: flex-start;
  left: 0
}

.c-pj-info .c-io-tr {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--a-project-s) var(--a-project-e);
  will-change: auto
}

.c-pj-info .c-io-tr[data-a="1"] {
  will-change: opacity
}

.c-pj-t {
  transform-origin: left top;
  transition: opacity var(--a-project-s) var(--a-project-e);
  will-change: auto
}

.c-pj-t[data-a="1"] {
  will-change: opacity
}

.is-hv-p.c-mn[data-index="0"] .c-pj-info .c-io-table:first-child .c-io-tr,
.is-hv-p.c-mn[data-index="0"] .u-pj-nav-ul li:first-child a:after,
.is-hv-p.c-mn[data-index="1"] .c-pj-info .c-io-table:nth-child(2) .c-io-tr,
.is-hv-p.c-mn[data-index="1"] .u-pj-nav-ul li:nth-child(2) a:after,
.is-hv-p.c-mn[data-index="10"] .c-pj-info .c-io-table:nth-child(11) .c-io-tr,
.is-hv-p.c-mn[data-index="10"] .u-pj-nav-ul li:nth-child(11) a:after,
.is-hv-p.c-mn[data-index="11"] .c-pj-info .c-io-table:nth-child(12) .c-io-tr,
.is-hv-p.c-mn[data-index="11"] .u-pj-nav-ul li:nth-child(12) a:after,
.is-hv-p.c-mn[data-index="2"] .c-pj-info .c-io-table:nth-child(3) .c-io-tr,
.is-hv-p.c-mn[data-index="2"] .u-pj-nav-ul li:nth-child(3) a:after,
.is-hv-p.c-mn[data-index="3"] .c-pj-info .c-io-table:nth-child(4) .c-io-tr,
.is-hv-p.c-mn[data-index="3"] .u-pj-nav-ul li:nth-child(4) a:after,
.is-hv-p.c-mn[data-index="4"] .c-pj-info .c-io-table:nth-child(5) .c-io-tr,
.is-hv-p.c-mn[data-index="4"] .u-pj-nav-ul li:nth-child(5) a:after,
.is-hv-p.c-mn[data-index="5"] .c-pj-info .c-io-table:nth-child(6) .c-io-tr,
.is-hv-p.c-mn[data-index="5"] .u-pj-nav-ul li:nth-child(6) a:after,
.is-hv-p.c-mn[data-index="6"] .c-pj-info .c-io-table:nth-child(7) .c-io-tr,
.is-hv-p.c-mn[data-index="6"] .u-pj-nav-ul li:nth-child(7) a:after,
.is-hv-p.c-mn[data-index="7"] .c-pj-info .c-io-table:nth-child(8) .c-io-tr,
.is-hv-p.c-mn[data-index="7"] .u-pj-nav-ul li:nth-child(8) a:after,
.is-hv-p.c-mn[data-index="8"] .c-pj-info .c-io-table:nth-child(9) .c-io-tr,
.is-hv-p.c-mn[data-index="8"] .u-pj-nav-ul li:nth-child(9) a:after,
.is-hv-p.c-mn[data-index="9"] .c-pj-info .c-io-table:nth-child(10) .c-io-tr,
.is-hv-p.c-mn[data-index="9"] .u-pj-nav-ul li:nth-child(10) a:after {
  opacity: 1;
  transition: opacity var(--a-project-s) var(--a-project-e)
}

.a-fd-i {
  opacity: 0;
  transition: opacity var(--a-cl-s) var(--a-cl-e);
  will-change: auto
}

.is-enter #app .a-fd-i[data-visible="1"],
.is-enter #app .a-sp-in,
.is-enter:not([data-current-page=single]) #app .a-fd-m,
.is-leave #app .a-fd-i[data-visible="1"],
.is-leave #app .a-sp-in,
.is-leave:not([data-current-page=single]) #app .a-fd-m {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 1.2s var(--e-power2-out) .3s !important
}

.is-enter .c-sc-w[data-type=normal],
.is-leave .c-sc-w[data-type=normal] {
  pointer-events: none
}

.is-leave-content.c-lc {
  display: none !important
}

.is-leave-ff .is-leave-content.c-lc {
  display: block !important
}

.a-fd-i[data-a="1"] {
  will-change: opacity
}

.is-not-any[data-prev-page=single][data-current-page=single] #app .c-sg-hd .c-cl .w {
  transform: translate(0);
  transition: none;
  transition-delay: 0s !important
}

.is-not-any[data-current-page=single].is-enter #app .c-sg-ft[data-visible="1"] .c-sg-more,
.is-not-any[data-current-page=single].is-enter #app .c-sg-ft[data-visible="1"] .c-sm,
.is-not-any[data-current-page=single].is-leave #app .c-sg-ft[data-visible="1"] .c-sg-more,
.is-not-any[data-current-page=single].is-leave #app .c-sg-ft[data-visible="1"] .c-sm {
  opacity: 0;
  transition: opacity var(--a-single-s) var(--a-single-e)
}

.is-not-any[data-current-page=single].is-enter .is-leave-content.c-lc {
  visibility: hidden
}

.is-any[data-prev-page=single][data-current-page=single].is-enter #webgl {
  opacity: 0;
  transition: opacity 0s
}

.c-hm-tt [data-split-word=We] [data-split-char=W] {
  margin-left: -.01em;
  margin-right: -.09em;
  padding-right: var(--ls-1)
}

.c-hm-tt [data-split-word=We] [data-split-char=e] {
  margin-right: -.03em
}

.c-hm-tt .c-cl .s {
  display: inline-block !important;
  width: .18em
}

.c-hm-tt [data-split-word=create] [data-dd="0"][data-split-char=c] {
  margin-left: -.04em;
  margin-right: -.1em;
  padding-right: var(--ls-1)
}

.c-hm-tt [data-split-word=create] [data-dd="1"][data-split-char=r] {
  margin-right: -.108em;
  padding-right: var(--ls-1)
}

.c-hm-tt [data-split-word=create] [data-dd="2"][data-split-char=e] {
  margin-right: -.036em;
  padding-right: var(--ls-1)
}

.c-hm-tt [data-split-word=create] [data-dd="3"][data-split-char=a] {
  margin-right: -.13em
}

.c-hm-tt [data-split-word=create] [data-dd="4"][data-split-char=t] {
  margin-right: -.088em;
  padding-right: var(--ls-1)
}

.c-hm-tt [data-split-word=create] [data-dd="5"][data-split-char=e] {
  margin-right: -.03em
}

[data-split-word=BEYOND] [data-dd="0"][data-split-char=B] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

[data-split-word=BEYOND] [data-dd="1"][data-split-char=E] {
  margin-right: -.05em;
  padding-right: var(--ls-2)
}

[data-split-word=BEYOND] [data-dd="2"][data-split-char=Y] {
  margin-right: -.1em
}

[data-split-word=BEYOND] [data-dd="3"][data-split-char=O] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

[data-split-word=BEYOND] [data-dd="4"][data-split-char=N] {
  margin-right: -.14em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="0"][data-split-char=E] {
  margin-right: -.025em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="1"][data-split-char=X] {
  margin-right: -.075em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="2"][data-split-char=P] {
  margin-right: -.095em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="3"][data-split-char=E] {
  margin-right: -.1em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="4"][data-split-char=R] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="5"][data-split-char=I] {
  margin-right: -.145em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="6"][data-split-char=E] {
  margin-right: -.1em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="7"][data-split-char=N] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

[data-split-word=EXPERIENCE] [data-dd="8"][data-split-char=C] {
  margin-right: -.1em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WHO] [data-dd="0"][data-split-char=W] {
  margin-right: -.08em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WHO] [data-dd="1"][data-split-char=H] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WHAT] [data-dd="0"][data-split-char=W] {
  margin-right: -.09em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WHAT] [data-dd="1"][data-split-char=H] {
  margin-right: -.08em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WHAT] [data-dd="2"][data-split-char=A] {
  margin-right: -.15em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=DO] [data-dd="0"][data-split-char=D],
.c-sec-hd [data-split-word=WE] [data-dd="0"][data-split-char=W] {
  margin-right: -.08em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=WE] [data-dd="1"][data-split-char=E] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=ARE] [data-dd="0"][data-split-char=A] {
  margin-right: -.075em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=ARE] [data-dd="1"][data-split-char=R] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=AWARDS] [data-dd="0"][data-split-char=A],
.c-sec-hd [data-split-word=AWARDS] [data-dd="1"][data-split-char=W] {
  margin-right: -.19em;
  padding-right: var(--ls-3)
}

.c-sec-hd [data-split-word=AWARDS] [data-dd="2"][data-split-char=A] {
  margin-right: -.075em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=AWARDS] [data-dd="3"][data-split-char=R] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=AWARDS] [data-dd="4"][data-split-char=D] {
  margin-right: -.07em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=CAREERS] [data-dd="0"][data-split-char=C] {
  margin-right: -.11em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=CAREERS] [data-dd="1"][data-split-char=A] {
  margin-right: -.07em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=CAREERS] [data-dd="2"][data-split-char=R] {
  margin-right: -.1em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=CAREERS] [data-dd="3"][data-split-char=E],
.c-sec-hd [data-split-word=CAREERS] [data-dd="4"][data-split-char=E] {
  margin-right: -.095em;
  padding-right: var(--ls-2)
}

.c-sec-hd [data-split-word=CAREERS] [data-dd="5"][data-split-char=R] {
  margin-right: -.09em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-split-word=ARHIVES] [data-dd="0"][data-split-char=A] {
  margin-right: -.075em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-split-word=ARHIVES] [data-dd="1"][data-split-char=R] {
  margin-right: -.1em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-split-word=ARHIVES] [data-dd="2"][data-split-char=H] {
  margin-right: -.145em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-split-word=ARHIVES] [data-dd="3"][data-split-char=I],
.c-ar-hd [data-split-word=ARHIVES] [data-dd="4"][data-split-char=V] {
  margin-right: -.08em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-dd="0"][data-split-char="2"],
.c-ar-hd [data-split-word=ARHIVES] [data-dd="5"][data-split-char=E] {
  margin-right: -.09em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-dd="1"][data-split-char="0"],
.c-ar-hd [data-dd="2"][data-split-char="0"] {
  margin-right: -.085em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-dd="3"][data-split-char="6"] {
  margin-right: -.075em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-dd="4"][data-split-char="-"],
.c-ar-hd [data-dd="5"][data-split-char="2"],
.c-ar-hd [data-dd="6"][data-split-char="0"] {
  margin-right: -.085em;
  padding-right: var(--ls-2)
}

.c-ar-hd [data-dd="7"][data-split-char="2"] {
  margin-right: -.12em;
  padding-right: var(--ls-2)
}

.is-l-d[data-current-page=single] #webgl,
html:not([data-current-page=single]) #webgl {
  opacity: 1;
  transition: opacity 1s var(--e-power2-out)
}

#webgl {
  pointer-events: none
}

.is-any.is-leave-ff #app #webgl,
[data-current-page=single] #webgl {
  opacity: 0
}

.c-pgs-body {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999
}

.c-pgs .c-lg-o {
  transform: translate(40%)
}

.c-pgs-txt div {
  white-space: nowrap
}

.c-pgs .c-lg,
.c-pgs .c-pgs-txt {
  height: 4em
}

.c-pgs .c-lg {
  align-items: flex-end;
  display: flex
}

.c-pgs-loading {
  align-items: center;
  bottom: 0;
  display: flex;
  height: var(--hd-h);
  justify-content: center;
  letter-spacing: .02em;
  position: fixed;
  width: 100%;
  z-index: 999
}

.c-lg-body {
  aspect-ratio: 6.6/1;
  height: calc(var(--gw2));
  transform: scale(.65) translate(0);
  transform-origin: center bottom
}

.c-lg-a {
  display: block
}

.c-lg-a,
.c-lg-o {
  height: 100%;
  width: 100%
}

.c-lg-o {
  position: relative
}

.c-lg-svg {
  aspect-ratio: 648.19/194.56;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.c-lg .path {
  fill: none;
  stroke: var(--c-white-0);
  stroke-miterlimit: 10;
  stroke-width: 18px
}

.c-lg .path-a1 {
  stroke-dashoffset: 0px;
  stroke-dasharray: 311.643px
}

.c-lg .path-a2 {
  stroke-dashoffset: 0px;
  stroke-dasharray: 108.755px
}

.c-lg [data-name=i] .path {
  stroke-dashoffset: 104.75px;
  stroke-dasharray: 104.75px
}

.c-lg [data-name=r] .path {
  stroke-dashoffset: 156.267px;
  stroke-dasharray: 156.267px
}

.c-lg [data-name=c] .path {
  stroke-dashoffset: 232.77px;
  stroke-dasharray: 232.77px
}

.c-lg [data-name=o] .path {
  stroke-dashoffset: 348.99px;
  stroke-dasharray: 348.99px
}

.c-lg [data-name=r2] .path {
  stroke-dashoffset: 157.073px;
  stroke-dasharray: 157.073px
}

.c-lg [data-name=d] .path-1 {
  stroke-dashoffset: 300.635px;
  stroke-dasharray: 300.635px
}

.c-lg [data-name=d] .path-2 {
  stroke-dashoffset: 158.544px;
  stroke-dasharray: 158.544px
}

.is-l-s .c-lg-o {
  transform: translate(0);
  transition: transform 1.8s var(--e-power2-out)
}

.is-l-s .c-pgs .c-lg .path {
  stroke-dashoffset: 0px
}

.is-l-s .c-lg .path {
  transition: stroke-dashoffset 1.2s var(--e-power2-out)
}

.is-l-s .c-lg [data-name=i] .path {
  transition-delay: calc(var(--d)*2)
}

.is-l-s .c-lg [data-name=r] .path {
  transition-delay: calc(var(--d)*4)
}

.is-l-s .c-lg [data-name=c] .path {
  transition-delay: calc(var(--d)*6)
}

.is-l-s .c-lg [data-name=o] .path {
  transition-delay: calc(var(--d)*8)
}

.is-l-s .c-lg [data-name=r2] .path {
  transition-delay: calc(var(--d)*10)
}

.is-l-s .c-lg [data-name=d] .path-1,
.is-l-s .c-lg [data-name=d] .path-2 {
  transition-delay: calc(var(--d)*12)
}

.is-l-c .c-pgs-body,
.is-l-c .c-pgs-loading {
  opacity: 0;
  transition: opacity 1.2s var(--e-power2-in-out)
}

.is-l-e .c-pgs-body,
.is-l-e.is-not-any .c-pgs-loading {
  visibility: hidden
}

.is-any.is-l-e .c-pgs-loading {
  align-items: center;
  background-color: var(--c-black-2);
  border-radius: var(--u-btn-h-m);
  bottom: auto;
  display: flex;
  height: var(--u-btn-h-m);
  justify-content: center;
  left: 50%;
  opacity: 0;
  padding: 0 calc(var(--u-btn-h-m)*.5);
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto
}

.is-any.is-l-e.is-loading .c-pgs-loading {
  opacity: 1;
  transition: opacity var(--a-split-s) var(--a-split-e)
}

.u-bk {
  transform: translate(-50%, -100%)
}

.a-sp-in {
  opacity: 0;
  transition: opacity .6s var(--e-power2-in-out)
}

.a-sp-in[data-a="1"] {
  will-change: opacity
}

.u-bk[data-a="1"],
.u-lg[data-a="1"] {
  will-change: transform
}

.u-bk,
.u-lg {
  transition: transform var(--a-hd-leave-s) var(--a-hd-leave-e)
}

.is-l-d,
[data-current-page=single] {
  background-color: var(--c-black-1)
}

.is-l-d .c-pgs {
  pointer-events: none
}

.is-l-d .a-sp-in {
  opacity: 1
}

.is-l-d .u-lg {
  transform: translate(-50%)
}

.is-l-d .a-fd-i[data-shown="1"],
.is-l-d [data-shown="1"] .a-fd-i {
  opacity: 1
}

.is-l-d .a-cl[data-shown="1"] .t,
.is-l-d .c-cl[data-shown="1"] .w,
.is-l-d .js-split.is-splited[data-shown="1"] .js-split-l,
.is-l-d .js-split.is-splited[data-shown="1"] .js-split-w,
.is-l-d [data-shown="1"] .a-cl .t,
.is-l-d [data-shown="1"] .c-cl .w,
.is-l-d [data-shown="1"] .js-split.is-splited .js-split-l,
.is-l-d [data-shown="1"] .js-split.is-splited .js-split-w {
  transform: translate(0)
}

[data-current-page=single] #app .c-nav {
  transform: translateY(-100%)
}

[data-current-page=single] #app .u-bk {
  transform: translate(-50%)
}

[data-current-page=single] #app .u-lg {
  transform: translate(-50%, -100%)
}

.is-l-d .is-scroll-ready .u-pj-nav {
  opacity: 1;
  transform: translate(-50%)
}

.is-l-d .is-scroll-ready .u-pj-nav-ul>li {
  opacity: 1;
  transform: translate(0)
}

.is-l-d .is-scroll-ready .u-pj-nav-body:after,
.is-l-d .is-scroll-ready .u-pj-nav-body:before {
  transform: translateY(-50%)
}

#tinymce td {
  padding: 1em
}

.c-editor {
  font-feature-settings: "palt";
  text-align: justify
}

.c-editor .mce-preview-object {
  border: none
}

.c-editor .mce-object-iframe {
  display: block;
  width: 100%
}

.c-editor * {
  float: none;
  letter-spacing: 0;
  max-width: 100%
}

.c-editor .h2,
.c-editor h2 {
  font-size: 1.2em;
  font-weight: 500
}

.c-editor .h3,
.c-editor h3 {
  font-size: 1.1em;
  font-weight: 500
}

.c-editor .h4,
.c-editor h4 {
  font-size: 1em;
  font-weight: 500
}

.c-editor b,
.c-editor strong {
  font-weight: 500
}

.c-editor em {
  font-style: italic
}

.c-editor a {
  background-image: linear-gradient(var(--c-white-0), var(--c-white-0));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  -webkit-box-decoration-break: clone;
  overflow: hidden;
  position: relative;
  vertical-align: bottom
}

.c-editor .p,
.c-editor blockquote,
.c-editor ol,
.c-editor p,
.c-editor ul {
  margin: 1em 0
}

.c-editor:first-child {
  margin-top: 0
}

.c-editor:last-child {
  margin-bottom: 0
}

.c-editor *:first-child {
  margin-top: 0
}

.c-editor *:last-child {
  margin-bottom: 0
}

.c-editor iframe {
  margin: 1em 0;
  width: 100%
}

.c-editor img,
.c-editor video {
  height: auto;
  margin: 1em 0;
  max-width: 100%
}

.c-editor ol,
.c-editor ul {
  margin-left: 0;
  padding-left: 1em
}

.c-editor blockquote {
  font-style: italic;
  padding: 1em
}

.c-editor ul li {
  list-style: disc;
  padding-left: 1em
}

.c-editor ol li {
  list-style: inherit;
  padding-left: 1em
}

.c-editor iframe,
.c-editor img,
.c-editor video {
  display: block
}

.c-editor .wp-caption img {
  margin-bottom: 1em
}

.c-editor .wp-caption-text {
  margin-top: 0
}

.c-editor .aligncenter {
  margin: 0 auto !important
}

.c-editor .alignleft {
  margin-left: 0 !important;
  margin-right: auto !important
}

.c-editor .alignright {
  margin-left: auto !important;
  margin-right: 0 !important
}

.is-not-any .c-editor a:hover {
  background-image: none
}

html {
  font-weight: 400;
  letter-spacing: -.02em
}

[lang=en] .c-editor {
  text-align: left
}

[lang=en] .c-sec-dsc {
  font-weight: 300
}

body {
  text-rendering: optimizeSpeed
}

.c-txt {
  letter-spacing: -.01em
}

.c-editor,
.c-txt {
  text-transform: none
}

.c-editor {
  letter-spacing: 0
}

:root {
  --lh-m: 1.25;
  --lh-s: 1.1;
  --lh-xs: 0.935
}

.c-txt {
  line-height: var(--lh-m)
}

.c-pgs-txt {
  letter-spacing: -.01em;
  line-height: .975
}

.c-award-li .c-txt,
.c-sub-bottom {
  line-height: var(--lh-s)
}

[lang=en] .c-sec-dsc {
  line-height: var(--lh-xs)
}

[lang=ja] .c-sec-dsc {
  letter-spacing: -.03em
}

.c-editor,
.c-editor .h2,
.c-editor .h3,
.c-editor .h4,
.c-editor .h5,
.c-editor .h6,
.c-editor h2,
.c-editor h3,
.c-editor h4,
.c-editor h5,
.c-editor h6,
[lang=ja] .c-sec-dsc {
  line-height: var(--lh-m)
}

@media (max-width:1024px)and (orientation:portrait),
screen and (max-width:767px),
screen and (max-width:900px)and (orientation:landscape) {
  :root {
    --lh-xs: 1.1
  }
}

[data-os=win],
[data-os=win] .c-pgs-txt {
  letter-spacing: 0
}

[data-os=win] #app .f-ja,
[data-os=win][lang=ja] {
  font-family: NeueMontreal, YakuHanJP, Hiragino Kaku Gothic ProN, hiragino-kaku-gothic-pron, sans-serif
}

.is-any:root {
  --c-white-3: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.2);
  --c-white-4: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.2);
  --c-white-6: rgba(var(--c-white-0-r), var(--c-white-0-g), var(--c-white-0-b), 0.2)
}

.is-any #webgl {
  left: 50%;
  top: 0;
  transform: translate(-50%);
  transition: opacity .3s;
  will-change: auto;
  z-index: 1
}

.is-any .f-hm {
  font-size: 16.145vw
}

.is-any .c-hm-tt {
  transform: translate(0);
  width: 100%
}

.is-any .c-hm-tt-body {
  padding-left: var(--gw1);
  padding-right: var(--gw1);
  width: 100%
}

.is-any .c-hm-tt .c-cl {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.is-any .c-hm-tt .c-cl .s {
  display: none !important
}

.is-any[data-current-page=projects] #webgl,
.is-any[data-current-page=single] #webgl {
  position: absolute;
  transform: translate(-50%, calc(var(--p-single)*50%));
  will-change: transform;
  z-index: 1
}

.is-any[data-current-page=about] #webgl,
.is-any[data-current-page=archives] #webgl {
  transform: translate(-50%);
  z-index: 1
}

.is-any[data-current-page=about] #page,
.is-any[data-current-page=archives] #page,
.is-any[data-current-page=single] #page {
  height: var(--window-h);
  overflow: scroll;
  overflow-x: hidden;
  position: fixed;
  width: 100vw
}

.is-any[data-current-page=about] .u-scroll,
.is-any[data-current-page=archives] .u-scroll,
.is-any[data-current-page=single] .u-scroll {
  bottom: auto;
  top: var(--window-h);
  transform: translateY(calc(-100% - var(--gw1)));
  z-index: 2
}

.is-any[data-current-page=about] .c-sg-info,
.is-any[data-current-page=archives] .c-sg-info,
.is-any[data-current-page=single] .c-sg-info {
  top: calc(var(--window-h)*.5)
}

.is-any[data-current-page=about] .c-wrap,
.is-any[data-current-page=archives] .c-wrap,
.is-any[data-current-page=single] .c-wrap {
  height: auto;
  overflow: visible;
  position: relative;
  z-index: 2
}

.is-any[data-current-page=about] .c-lc,
.is-any[data-current-page=about] .c-pg,
.is-any[data-current-page=archives] .c-lc,
.is-any[data-current-page=archives] .c-pg,
.is-any[data-current-page=single] .c-lc,
.is-any[data-current-page=single] .c-pg {
  height: auto;
  position: static;
  width: 100vw
}

.is-any[data-current-page=about] .c-sc-w[data-type=normal],
.is-any[data-current-page=archives] .c-sc-w[data-type=normal],
.is-any[data-current-page=single] .c-sc-w[data-type=normal] {
  height: auto;
  overflow: hidden;
  position: static;
  width: 100vw
}

.show-a {
  display: none
}

.hide-a,
.is-any .show-a {
  display: inline-block
}

.is-any .hide-a {
  display: none
}

.is-any .js-img {
  background-color: var(--c-white-5);
  height: 100%;
  width: 100%
}

.is-any .js-img-pivot {
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.is-any .js-img-pivot:before {
  content: "";
  z-index: 7
}

.is-any .js-img-pivot:before,
.is-any .js-img-poster {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%
}

.is-any .js-img-poster {
  background-position: 50%;
  background-size: cover;
  opacity: 0;
  z-index: 5
}

.is-any .js-img-preload {
  background-position: 50%;
  background-size: 200%;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 4
}

.is-any .js-img-pivot video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 6
}

.is-any .is-image-loaded .js-img-poster,
.is-any .is-playing.is-canplay-video .js-img-pivot video,
.is-any .is-poster-loaded .js-img-poster,
.is-any .is-preload-loaded .js-img-preload {
  opacity: 1;
  transition: opacity 1.2s;
  will-change: opacity
}

.is-any .is-image-loaded .js-img-preload,
.is-any .is-playing.is-canplay-video .js-img-poster,
.is-any .is-playing.is-canplay-video .js-img-preload {
  opacity: 0;
  transition: opacity 1.2s;
  will-change: opacity
}

.is-any .js-img-pivot .js-play-video {
  position: relative;
  z-index: 12
}

.is-any .c-lo-slider .js-img-pivot .js-play-video {
  align-items: flex-end;
  padding-bottom: var(--gw1)
}

.is-any .c-lo-slider .c-sl-n,
.is-any .c-lo-slider .u-btn-o {
  transition: opacity var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e)
}

.is-any .is-playing.c-lo-slider .c-sl-n,
.is-any .is-playing.c-lo-slider .u-btn-o {
  opacity: 0
}

.is-any .c-pg-hd .h1 {
  padding-bottom: 0
}

@media screen and (max-width:1280px) {
  :root {
    --gw0: 7.5px;
    --gw1: 15px;
    --gw2: 30px;
    --margin-nv-x: 5px;
    --margin-u-x: 2.5px;
    --padding-mu-x: 5px;
    --radius-mu: 20px;
    --u-btn-h-s: 20px;
    --u-btn-h-m: 30px;
    --u-btn-h-l: 45px;
    --u-thumb-w: 20px;
    --u-thumb-h: 90px;
    --hd-h: 60px;
    --hd-padding-y: 90px;
    --aside-h: 60px;
    --padding-tr-y: 15px;
    --padding-tr-yy: 15px;
    --grid-w: calc(25vw - var(--gw0)*2/4)
  }

  .c-sub-bottom {
    padding-right: 0
  }

  .u-pj-nav {
    bottom: var(--gw2)
  }

  [data-xhr-namespace=projects] .c-pivot:after {
    aspect-ratio: 16/9;
    height: auto
  }
}

@media screen and (max-width:1024px) {
  .c-nav {
    display: none
  }

  .u-mu-body .t {
    width: 30%
  }

  .c-pj-prop {
    display: none
  }
}

.show-m,
.show-t {
  display: none !important
}

@media (max-width:1024px)and (orientation:portrait),
screen and (max-width:767px),
screen and (max-width:900px)and (orientation:landscape) {
  :root {
    --margin-nv-x: 2.5px;
    --margin-u-x: 2.5px
  }

  .t-mb-l {
    text-align: left
  }

  [data-mb="0"] {
    height: calc(var(--gw2)*0)
  }

  [data-mb="0.5"] {
    height: calc(var(--gw2)*.5)
  }

  [data-mb="1"] {
    height: calc(var(--gw2)*1)
  }

  [data-mb="1.5"] {
    height: calc(var(--gw2)*1.5)
  }

  [data-mb="2"] {
    height: calc(var(--gw2)*2)
  }

  [data-mb="2.5"] {
    height: calc(var(--gw2)*2.5)
  }

  [data-mb="3"] {
    height: calc(var(--gw2)*3)
  }

  [data-mb="3.5"] {
    height: calc(var(--gw2)*3.5)
  }

  [data-mb="4"] {
    height: calc(var(--gw2)*4)
  }

  [data-mb="4.5"] {
    height: calc(var(--gw2)*4.5)
  }

  [data-mb="5"] {
    height: calc(var(--gw2)*5)
  }

  [data-mb="5.5"] {
    height: calc(var(--gw2)*5.5)
  }

  [data-mb="6"] {
    height: calc(var(--gw2)*6)
  }

  [data-mb="6.5"] {
    height: calc(var(--gw2)*6.5)
  }

  [data-mb="7"] {
    height: calc(var(--gw2)*7)
  }

  [data-mb="7.5"] {
    height: calc(var(--gw2)*7.5)
  }

  [data-mb="8"] {
    height: calc(var(--gw2)*8)
  }

  [data-mb="8.5"] {
    height: calc(var(--gw2)*8.5)
  }

  [data-mb="9"] {
    height: calc(var(--gw2)*9)
  }

  [data-mb="9.5"] {
    height: calc(var(--gw2)*9.5)
  }

  [data-mb="10"] {
    height: calc(var(--gw2)*10)
  }

  [data-mb="0"] {
    display: none
  }

  :root {
    --hd-padding-y: 100px;
    --u-thumb-h: 6.25vw
  }

  .hide-m {
    display: none !important
  }

  .show-m {
    display: block !important
  }

  .c-io-tr>div.show-m {
    display: inline-block !important
  }

  .c-aircord-body {
    height: 30%
  }

  .c-sub-top {
    left: 0;
    min-width: 0;
    padding: 0 var(--gw1);
    top: 25%;
    transform: translateY(-100%);
    width: 100%
  }

  .c-sub-top .a-cl {
    transform: translateY(.4em)
  }

  .c-sub-bottom {
    left: 0;
    padding: 0 var(--gw1) 0 var(--gw1)
  }

  .c-sub-bottom,
  .c-sub-bottom>div,
  .c-sub-top>div {
    min-width: 0;
    width: 100%
  }

  .c-sub-top .a-cl>div:first-child,
  .c-sub-top .js-split>div:first-child {
    margin-left: -.01em
  }

  .c-sub-top .a-cl>div:nth-child(2),
  .c-sub-top .js-split>div:nth-child(2) {
    margin-left: -.04em
  }

  .c-sub-top .a-cl>div:nth-child(3),
  .c-sub-top .js-split>div:nth-child(3) {
    margin-left: -.01em
  }

  .c-mu-body {
    padding: 0 var(--gw2)
  }

  .c-mu-sub {
    bottom: calc(var(--aside-h)*.5 - var(--u-btn-h-s)*.5 - var(--padding-mu-x))
  }

  .u-pj-nav {
    bottom: var(--gw1)
  }

  .u-pj-nav-ul {
    margin: 0
  }

  .u-pj-nav-body {
    max-width: 420px;
    padding: 0 var(--gw2);
    width: 100vw
  }

  .u-pj-nav-ul a {
    margin: 0;
    width: 100%
  }

  .u-pj-nav-ul a,
  [data-xhr-namespace=projects] .c-scbar[data-dir=hr] {
    max-height: var(--gw2)
  }

  .u-pj-nav-ul li {
    padding: 0 var(--margin-u-x);
    width: 8.3333333333%
  }

  .u-pj-nav-body:before {
    height: 50%;
    left: var(--gw1)
  }

  .u-pj-nav-body:after {
    height: 50%;
    right: var(--gw1)
  }

  [data-xhr-namespace=projects] .c-pivot:after {
    height: 100%
  }

  .c-lr {
    flex-wrap: wrap
  }

  .c-lr-kan {
    text-align: right
  }

  .c-lr-kan .c-kan {
    text-align: right;
    transform: translate(0)
  }

  .c-lr-content,
  .c-lr-content:first-child {
    padding: 0;
    width: 100%
  }

  .c-lr-kan,
  .c-lr-tt {
    padding-bottom: var(--gw2);
    width: 50%
  }

  .c-lo-slider {
    padding-bottom: var(--gw1);
    padding-top: var(--gw1)
  }

  [data-slide],
  [data-slide] [data-slide-li] {
    height: 60vw
  }

  .c-award-li .c-tr,
  .c-name-lr {
    padding-bottom: calc(var(--gw1)*.9);
    padding-top: calc(var(--gw1)*.9)
  }

  .c-award-li .c-th,
  .c-name-lr .c-name-l {
    padding-right: 1em
  }

  .c-award-li .c-td,
  .c-award-li .c-th,
  .c-name-lr .c-name-l,
  .c-name-lr .c-name-r {
    padding-bottom: calc(var(--gw1)*.1);
    padding-top: calc(var(--gw1)*.1)
  }

  .c-lo .l-grid-ul .l-grid-li {
    padding-bottom: var(--gw1)
  }

  .c-lo .l-grid-ul .l-grid-li:last-child {
    padding-bottom: 0
  }

  .c-sec-hd .h1 {
    padding: 0
  }

  .l-grid-ul {
    grid-gap: 0;
    display: flex;
    flex-wrap: wrap
  }

  .l-grid-li {
    width: 100%
  }

  .c-sec-aw .l-grid-ul {
    flex-direction: column-reverse
  }

  .c-award-li .c-tr {
    flex-wrap: wrap
  }

  .c-sec-wwa .h1 {
    display: flex
  }

  .c-sec-wwa .h1 .c-cl {
    margin-bottom: 0;
    padding-right: .2em
  }

  .l-table-li:last-child .c-ub {
    display: none
  }

  .l-table-li:last-child .c-acc-body .c-ub {
    display: block
  }

  .l-table .l-thead,
  .l-table-li:last-child .c-acc-body .l-table-li:last-child .c-ub {
    display: none
  }

  .l-table .l-tr:first-child {
    border-top: 1px solid var(--c-white-3)
  }

  .l-table .l-tr {
    display: block;
    padding: var(--gw1) 0
  }

  .l-table .l-td {
    padding: 0;
    width: 100%
  }
}

@media screen and (max-width:900px)and (orientation:landscape) {
  .c-sub-bottom {
    display: none
  }

  .c-sub-top {
    top: var(--hd-h);
    transform: translate(0)
  }

  .c-mu-main {
    min-height: 0;
    padding-top: var(--gw2)
  }

  :root {
    --u-thumb-h: 1.5em
  }

  .u-pj-nav-body {
    width: 50vw
  }
}

.is-not-any[data-browser=safari] .c-editor {
  text-align: left
}

.is-not-any[data-browser=safari] .a-fd-i.c-editor {
  opacity: 1;
  transition: none;
  will-change: auto
}

.is-not-any[data-browser=safari] .u-bk {
  display: none;
  transform: none;
  will-change: auto
}

.is-not-any[data-browser=safari] .u-bk .a-fd-m {
  transform: none;
  will-change: auto
}

.is-not-any[data-browser=safari] .a-fd-m {
  will-change: unset
}

.is-not-any[data-browser=safari][data-current-page=single] .u-bk {
  display: flex
}

:root {
  --c-black-0: #060709;
  --c-white-0: #f8f8e9;
}

html {
  background-color: #9b9b9b;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

ul,
li {
  padding: 0;
}

li {
  list-style: none;
}

img,
picture,
video,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

.is-l-a #webgl {
  opacity: 0;
  visibility: hidden;
}

.l-gl,
.c-wrap {
  visibility: hidden;
  pointer-events: none;
}

.is-l-e .l-gl,
.is-l-e .c-wrap {
  visibility: visible;
  pointer-events: auto;
}

@font-face {
  font-family: 'NeueMontreal';
  src: url('/public/v4/fonts/en/NeueMontreal-Book.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'NeueMontreal';
  src: url('/public/v4/fonts/en/NeueMontreal-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'NeueMontreal';
  src: url('/public/v4/fonts/en/NeueMontreal-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Aircord';
  src: url('/public/v4/fonts/Aircord-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}