@charset "UTF-8";.top-kv{--tftl-n:calc(var(--tftl) * -1 + 1);position:relative;z-index:1}.top-kv:not([style*="--tftl: 1"]) :is(.scene02,.scene02_copy),.top-kv[style*="--tftl: 1"] .scene01{pointer-events:none}.top-kv>.js-tftl{position:absolute}@media (width > 640px){.top-kv>.js-tftl{top:100lvh;height:25lvh}}@media (width <= 640px){.top-kv>.js-tftl{top:125lvh;height:75lvh}}.top-kv :is(.scene01,.scene02){height:100lvh;z-index:1;position:sticky;top:0}.top-kv .scene01{display:flex;justify-content:center;align-items:center;opacity:var(--tftl-n)}.top-kv .scene01 .bg_wrap .splide__track{height:100%}.top-kv .scene01 .copy{display:flex;justify-content:center;align-items:flex-start;gap:4rem;position:absolute}@media (width <= 640px){.top-kv .scene01 .copy{gap:3.2rem}}.top-kv .scene01 .copy .item{font-feature-settings:"palt" 0;font-size:3.6rem;line-height:1.3888888889;letter-spacing:0.38em;writing-mode:vertical-rl}@media (width <= 640px){.top-kv .scene01 .copy .item{font-size:2.6rem;line-height:1.3846153846}}.top-kv .scene01 .scroll{display:grid;justify-items:center;gap:0.6rem;font-size:1.2rem;line-height:1;letter-spacing:0.05em;position:absolute;bottom:0}.top-kv .scene01 .scroll:after{content:"";display:block;width:1px;height:3rem;background-color:var(--cc-white-A)}.top-kv .scene02{display:flex;justify-content:center;margin-top:-100lvh;background-color:rgb(from var(--cc-green-D) r g b/0.5);opacity:var(--tftl);mix-blend-mode:multiply}.top-kv .scene02_copy{font-feature-settings:"palt" 0;font-size:2.8rem;line-height:2.1428571429;letter-spacing:0.15em;z-index:1}@media (width > 640px){.top-kv .scene02_copy{margin-top:-100lvh;padding-top:20rem;height:100lvh;opacity:var(--tftl);position:sticky;top:0}}@media (width <= 640px){.top-kv .scene02_copy{margin-top:100lvh;margin-bottom:calc(-6.8rem - var(--header-height));font-size:2.2rem;line-height:2.1818181818;position:relative;z-index:2}}.top-kv .scene03{position:relative;z-index:1}@media (width > 640px){.top-kv .scene03{display:flex;align-items:center;margin-left:auto;margin-top:-25lvh;width:50%;height:200lvh}}@media (width <= 640px){.top-kv .scene03{padding-bottom:10rem}}.top-kv .scene03>.inner{padding-top:var(--header-height)}@media (width <= 640px){.top-kv .scene03>.inner{padding-top:calc(10.4rem + var(--header-height))}}.top-kv .scene03 .desc{font-size:1.7rem;line-height:3.1764705882;letter-spacing:0.1em}@media (width <= 640px){.top-kv .scene03 .desc{font-size:1.3rem;line-height:2.9230769231}}.top-kv .scene03 .l-button-A{margin-top:8.4rem}@media (width <= 640px){.top-kv .scene03 .l-button-A{margin-top:4.8rem;margin-inline:auto}}.top-kv .bg_wrap{position:absolute;inset:0;z-index:-1;pointer-events:none}.top-kv .bg{width:100%;height:100lvh;position:sticky;top:0}@media (width > 640px){.top-news{display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr 90rem;align-items:flex-start}}@media (width > 640px){.top-news .l-news-list-A{grid-row:1/-1;grid-column:2/3}}@media (width <= 640px){.top-news .l-heading-A{margin-bottom:4.8rem}}.top-news .top-news-link{display:flex;align-items:center;gap:1.2rem;font-size:1.4rem;letter-spacing:0.075em}@media (width <= 640px){.top-news .top-news-link{margin-top:3.6rem;margin-left:auto;width:fit-content}}.top-business .contents{--tftl-n:calc(var(--tftl) * -1 + 1);position:relative}@media (width > 640px){.top-business .contents{margin-left:auto;width:calc(50% + 65rem);height:400lvh}.top-business .contents:is([style*="--tftl: 0.5"],[style*="--tftl: 0.6"],[style*="--tftl: 0.7"],[style*="--tftl: 0.8"],[style*="--tftl: 0.9"],[style*="--tftl: 1"]) .-first .number,.top-business .contents:not([style*="--tftl: 0.5"],[style*="--tftl: 0.6"],[style*="--tftl: 0.7"],[style*="--tftl: 0.8"],[style*="--tftl: 0.9"],[style*="--tftl: 1"]) .-second .number{opacity:0;pointer-events:none}}@media (width <= 640px){.top-business .contents{display:grid;gap:5.6rem;padding-left:3rem}}.top-business .contents>.js-tftl{position:absolute}@media (width > 640px){.top-business .contents>.js-tftl{top:125lvh;height:125lvh}}.top-business .contents-item{position:relative}@media (width > 640px){.top-business .contents-item{height:100lvh;position:sticky;top:0}}@media (width > 640px){.top-business .contents-item.-first{z-index:2;clip-path:polygon(-10rem 0,calc(var(--tftl-n) * 100%) 0,calc(var(--tftl-n) * 100%) 100%,-10rem 100%)}}@media (width > 640px){.top-business .contents-item.-second{margin-top:-100lvh}}.top-business .contents-item .number{display:flex;align-items:center;gap:1.4rem;font-size:1.8rem;letter-spacing:0.1em;line-height:1;transition-duration:var(--duration-hover-A);transition-property:opacity}@media (width > 640px){.top-business .contents-item .number{margin-block:auto;height:fit-content;position:absolute;inset-block:0;right:100%}.top-business .contents-item .number:after{flex-shrink:0;content:"";border-bottom:1px solid var(--cc-green-B);width:3rem}}@media (width <= 640px){.top-business .contents-item .number{margin-bottom:1.6rem}.top-business .contents-item .number:before{flex-shrink:0;content:"";border-bottom:1px solid var(--cc-green-B);width:3rem}}.top-business .contents-item .inner{height:100%;position:relative;z-index:1}@media (width <= 640px){.top-business .contents-item .inner{height:70rem}}.top-business .contents-item .copy{writing-mode:vertical-rl;block-size:fit-content;font-feature-settings:"palt" 0;font-size:3rem;line-height:1.3333333333;letter-spacing:0.38em;position:absolute}@media (width > 640px){.top-business .contents-item .copy{margin-block:auto;inset-inline-start:14rem;inset-block:0 100rem}}@media (width <= 640px){.top-business .contents-item .copy{font-size:2.4rem;line-height:1.4166666667;inset-inline-start:2.8rem;inset-block-start:2.8rem}}.top-business .contents-item .text{--my-w:50.0rem;--my-h:50.0rem;display:grid;align-content:center;justify-items:center;gap:5.2rem;width:var(--my-w);height:var(--my-h);position:absolute;bottom:0;left:0}@media (width <= 640px){.top-business .contents-item .text{--my-w:100%;--my-h:37.0rem;gap:3.2rem}}.top-business .contents-item .text:before{content:"";width:var(--my-w);height:var(--my-h);background-color:rgb(from var(--cc-gray-B) r g b/0.3);backdrop-filter:blur(0.5rem);position:absolute;mix-blend-mode:multiply;position:absolute;bottom:0;left:0}.top-business .contents-item .text>*{position:relative}.top-business .contents-item .text .desc{padding-inline:6rem}@media (width <= 640px){.top-business .contents-item .text .desc{padding-inline:3rem}}.top-business .contents-item .bg{position:absolute;inset:var(--header-height) 0 0 0;z-index:-1}@media (width <= 640px){.top-business .contents-item .bg{inset:0}}.top-features .contents{display:grid;position:relative;z-index:1}@media (width > 640px){.top-features .contents{grid-template-columns:repeat(2,1fr);gap:10rem}}@media (width <= 640px){.top-features .contents{gap:7rem}}.top-features .contents:before{margin:auto;display:block;width:6rem;height:auto;aspect-ratio:1/1;background-color:var(--cc-green-B);position:absolute;inset:0;mask-image:url(/assets/images/top/feature_cross.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}@media (width <= 640px){.top-features .contents:before{width:3rem}}.top-features .contents-item{display:grid;align-content:center;justify-items:center;height:60rem;position:relative}@media (width <= 640px){.top-features .contents-item{height:35rem}}.top-features .contents-item .p-tg-heading-A{margin-bottom:4.8rem}@media (width <= 640px){.top-features .contents-item .p-tg-heading-A{margin-bottom:1.8rem}}@media (width > 640px){.top-features .contents-item .desc{width:40rem}}@media (width <= 640px){.top-features .contents-item .desc{padding-inline:3rem}}.top-features .contents-item .l-button-A{margin-top:6rem}@media (width <= 640px){.top-features .contents-item .l-button-A{margin-top:3.2rem}}.top-features .contents-item .bg{position:absolute;inset:0;z-index:-1}.top-recruit{padding-block:16rem}@media (width <= 640px){.top-recruit{padding-block:6rem}}.top-recruit .link{display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--cc-green-C);padding:3rem}@media (width <= 640px){.top-recruit .link{padding:1rem}}.top-recruit .link .l-heading-A{position:absolute}
/*# sourceMappingURL=page-top.css.map */