@charset "utf-8";

.c-welcome[data-v-3d2952d6] { background-image: url("../images/about/w-bg.webp"); background-position: center top; background-repeat: no-repeat; background-size: cover; margin-bottom: var(--g-gap); overflow: hidden; position: relative; }

.c-welcome[data-v-3d2952d6]::after { background-image: linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; inset: 0px; position: absolute; z-index: 30; }

.c-welcome > figure[data-v-3d2952d6] { inset: auto -20% -20%; pointer-events: none; position: absolute; scale: calc(1 + var(--progress)*.2); transform: translateZ(0px); transform-origin: 50% -50%; z-index: 20; }

.c-welcome .-w[data-v-3d2952d6] { grid-template-rows: 1fr auto auto auto 1fr; min-height: calc(var(--vh, 1vh)*80); position: relative; z-index: 20; }

.c-welcome .-w span.title[data-v-3d2952d6] { pointer-events: none; position: relative; }

.c-welcome .-w span.line-1[data-v-3d2952d6] { --top: 2; --left: 2; --width: 4; justify-self: start; text-align: left; }

.c-welcome .-w span.line-2[data-v-3d2952d6] { --top: 3; --left: 1; --width: 6; justify-self: start; text-align: left; }

.c-welcome .-w span.line-3[data-v-3d2952d6] { --top: 4; --left: 2; --width: 5; justify-self: start; text-align: left; }

.c-welcome .about-welcome-path[data-v-3d2952d6] { height: calc(var(--vh, 1vh)*50); inset: calc(var(--vh, 1vh)*20) 0 auto 0; position: absolute; }

@media (min-width: 1024px) {
  .c-welcome > figure[data-v-3d2952d6] { inset: auto 0px -20%; margin-left: auto; margin-right: auto; width: 50%; }
  .c-welcome .-w[data-v-3d2952d6] { min-height: calc(var(--vh, 1vh)*100); }
  .c-welcome .-w span.line-1[data-v-3d2952d6] { --top: 2; --left: 5; --width: 9; }
  .c-welcome .-w span.line-2[data-v-3d2952d6] { --top: 3; --left: 1; --width: 9; justify-content: flex-end; justify-self: end; transform: translate3d(0,calc(var(--progress)*var(--vh, 1vh)*10),0); }
  .c-welcome .-w span.line-3[data-v-3d2952d6] { --top: 4; --left: 5; --width: 8; transform: translate3d(0,calc(var(--progress)*var(--vh, 1vh)*20),0); }
}

.c-brief[data-v-5662d5ad] { padding-bottom: calc(var(--vh, 1vh)*25); position: relative; }

.c-brief .figure-map[data-v-5662d5ad] { inset: auto 0 calc(var(--vh, 1vh)*-25) 0; overflow: hidden; position: absolute; }

.c-brief .figure-map[data-v-5662d5ad]::after { background-image: linear-gradient(to right,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 80%),linear-gradient(to left,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%),linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%),linear-gradient(to bottom,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%); background-position: 50% center, 50% center, 50% center; background-repeat: no-repeat; background-size: 100%, 100%, 100%, 100%; content: ""; display: block; inset: 0px; position: absolute; }

.c-brief .figure-map figure[data-v-5662d5ad] { backface-visibility: hidden; height: calc(var(--vh, 1vh)*100); position: relative; transform: translate3d(0,calc(var(--vh, 1vh)*-20 + var(--vh, 1vh)*40*var(--progress)),0); will-change: transform; }

.c-brief .figure-map figure[data-v-5662d5ad] img { height: 100%; object-fit: cover; }

.c-brief .-w[data-v-5662d5ad] { position: relative; z-index: 10; }

.c-brief .-w .caption[data-v-5662d5ad] { --width: 6; }

.c-brief .-w .caption .indent[data-v-5662d5ad] { display: inline-block; width: calc(var(--col)*1 + var(--g-gap)*2); }

.c-brief .-w .subtitle[data-v-5662d5ad] { --top: 2; --left: 2; --width: 4; justify-content: center; margin-top: calc(var(--h1)*1); }

.c-brief .-w .p-1[data-v-5662d5ad] { --top: 3; --left: 3; --width: 2; justify-content: center; margin-top: var(--h5); }

.c-brief .-w .-l[data-v-5662d5ad], .c-brief .-w .-r[data-v-5662d5ad] { --top: 4; --height: 2; --width: 2; align-self: center; margin-top: calc(var(--h3)*1.5 - var(--mm)/2); }

.c-brief .-w .-l[data-v-5662d5ad] { --left: 1; justify-self: start; transform: rotate(90deg) translate(-50%); transform-origin: 0px 100%; }

.c-brief .-w .-r[data-v-5662d5ad] { --left: 5; justify-self: end; transform: rotate(-90deg) translate(50%); transform-origin: 100% 100%; }

.c-brief .-w .item[data-v-5662d5ad] { --top: 4; --left: 2; --width: 4; align-self: center; margin-bottom: -20%; margin-top: calc(var(--h3)*1 + var(--h3)); padding-bottom: 20%; }

.c-brief .-w .item[data-v-5662d5ad]::after { background-image: radial-gradient(rgba(var(--c-yellow-rgb),1) 20%,rgba(var(--c-yellow-rgb),0) 70%); border-radius: 50%; content: ""; display: block; height: 40%; inset: auto -20% 0px; position: absolute; }

.c-brief .-w .item[data-v-5662d5ad] img { mask-image: linear-gradient(0deg, transparent 10%, rgb(0, 0, 0) 30%); }

.c-brief .-w .title-path[data-v-5662d5ad] { --top: 4; --left: 1; --width: 6; align-self: center; margin-top: calc(var(--h3)*2 + var(--h3)); position: relative; z-index: 10; }

.c-brief .-w .title-path svg[data-v-5662d5ad] { aspect-ratio: 460 / 680; padding: var(--h2) calc(var(--col) + var(--g-gap)); width: auto; }

.c-brief .-w .title-path svg .curve-text[data-v-5662d5ad] { fill: var(--c-red); font-family: var(--font-t-2); font-size: calc((.34px - .006vw)/var(--type-step)); }

.c-brief .-w .lines[data-v-5662d5ad] { --top: 4; --left: 2; --width: 4; background-image: linear-gradient(0deg,rgba(var(--c-red-rgb),.4),rgba(var(--c-red-rgb),.4)),linear-gradient(0deg,rgba(var(--c-red-rgb),.4),rgba(var(--c-red-rgb),.4)); background-position: 50%,center calc(50% + var(--h3)*1); background-repeat: no-repeat, no-repeat; background-size: 1px 100%, 100% 1px; display: block; margin-top: calc(var(--h3)); pointer-events: none; position: relative; }

.c-brief .-w .ending[data-v-5662d5ad] { --top: 5; --left: 2; --width: 2; align-self: start; }

@media (min-width: 1024px) {
  .c-brief .-w .caption[data-v-5662d5ad] { --width: 12; }
  .c-brief .-w .caption .indent[data-v-5662d5ad] { width: calc(var(--col)*2 + var(--g-gap)*2); }
  .c-brief .-w .subtitle[data-v-5662d5ad] { --top: 2; --left: 4; --width: 6; margin-top: calc(var(--h1)*2); }
  .c-brief .-w .p-1[data-v-5662d5ad] { --top: 3; --left: 5; --width: 4; }
  .c-brief .-w .-l[data-v-5662d5ad], .c-brief .-w .-r[data-v-5662d5ad] { margin-top: calc(var(--h1)*2 + var(--m)/2); }
  .c-brief .-w .-l[data-v-5662d5ad] { --left: 1; }
  .c-brief .-w .-l[data-v-5662d5ad], .c-brief .-w .-r[data-v-5662d5ad] { transform: none; transform-origin: initial; }
  .c-brief .-w .-r[data-v-5662d5ad] { --left: 11; }
  .c-brief .-w .item[data-v-5662d5ad] { --left: 5; --width: 4; margin-top: calc(var(--h1)*1 + var(--h3)); }
  .c-brief .-w .title-path[data-v-5662d5ad] { --top: 4; --left: 4; --width: 6; margin-top: calc(var(--h1)*2 + var(--h3)); }
  .c-brief .-w .title-path svg .curve-text[data-v-5662d5ad] { font-size: calc(0.34px - 0.006vw); }
  .c-brief .-w .lines[data-v-5662d5ad] { --top: 4; --left: 3; --width: 8; background-position: 50%,center calc(50% + var(--h1)*1); }
  .c-brief .-w .ending[data-v-5662d5ad] { --top: 5; --left: 3; --width: 2; }
}

.c-operates[data-v-e3b67d9c] { position: relative; }

.c-operates .-w .subtitle[data-v-e3b67d9c] { --width: 6; justify-content: center; }

.c-operates .-w .trail[data-v-e3b67d9c] { --top: 2; --width: 6; --count: 7; --fade: .25; margin-bottom: var(--large); margin-top: var(--large); }

.c-operates .-w .trail span[data-v-e3b67d9c] { --t: calc((var(--i) + .5)/var(--count)); --d: abs(calc(var(--progress) - var(--t))); --o: calc(1 - var(--d)/var(--fade)); --oc: max(0,min(var(--o),1)); display: block; filter: blur(calc((1 - var(--oc))*.05em)); opacity: max(0,min(var(--o),1)); transform: translate3d(0,calc((1 - var(--oc))*.2em),0); transition: opacity 75ms linear, transform 75ms linear, filter 75ms linear; will-change: transform, filter, opacity; }

@media (min-width: 1024px) {
  .c-operates .-w .subtitle[data-v-e3b67d9c], .c-operates .-w .trail[data-v-e3b67d9c] { --width: 12; }
}