.page-keyword.page-keyword{--slide-transition-duration-base:800ms;--slide-transition-duration-first:var(--slide-transition-duration-base);--slide-transition-duration:var(--slide-transition-duration-base);--slide-transition-ease-base:cubic-bezier(0.3,1,0.2,1);--slide-transition-ease-first:var(--slide-transition-ease-base);--slide-transition-ease:var(--slide-transition-ease-base);--fv-space:calc(28rem + max(120px, 12rem));--slide-entry-lift:10rem;overflow-x:clip;padding-top:calc(var(--fv-space) - var(--header-height) - var(--slide-entry-lift));position:relative;&[data-step=first]{--slide-transition-duration:var(--slide-transition-duration-first);--slide-transition-ease:var(--slide-transition-ease-first)}@media screen and (max-width:768px){--fv-space:23rem;--slide-entry-lift:10rem}.absolute-wrap{height:100%;left:0;position:absolute;top:0;transition:opacity var(--slide-transition-duration) var(--slide-transition-ease);width:100%;.sticky-wrap{position:sticky;top:0}&.is-covered{opacity:0}}.heart-object{position:absolute;right:42rem;top:-24rem;width:238rem;@media screen and (max-width:768px){right:5rem;top:-20rem;width:100rem}}.subpage-fv{.image{background-color:#3f3f3f;img{transition:opacity .8s ease;&.shown{opacity:.7}}}}.keyword-container{--section-height:100dvh;--slide-scroll-space:120dvh;--hd-height:5.6rem;--stack-depth:37.5px;--stack-drop:1px;--stack-perspective:1200px;--slide-count:5;height:calc(var(--slide-scroll-space)*var(--slide-count) + var(--section-height));@media screen and (max-width:768px){--hd-height:4rem}.keyword-stage{height:var(--section-height);pointer-events:none;position:sticky;top:0}.keyword-item{--y:var(--section-height);--z:0px;background-color:var(--white);height:var(--section-height);inset-inline:0;pointer-events:auto;position:absolute;top:0;transform:perspective(var(--stack-perspective)) translateZ(var(--z)) translateY(var(--y));transform-origin:50% calc(var(--y) + var(--origin-offset, 0px));transition:transform var(--slide-transition-duration) var(--slide-transition-ease);will-change:transform;@media (prefers-reduced-motion:reduce){transition:none}&:after{background-color:var(--border-sub);height:1px}&:after,&:before{content:"";left:-25%;position:absolute;top:0;width:150%}&:before{background:var(--white);height:100%}&:first-child{--y:calc(var(--header-height) + var(--slide-entry-lift));&:after{display:none}.keyword-wrap{padding-top:calc(var(--hd-height) + 6rem);@media screen and (max-width:768px){padding-top:3rem}}}&[data-state=parked]{--y:var(--section-height)}&:first-child[data-state=parked]{--y:calc(var(--header-height) + var(--slide-entry-lift))}&[data-state=raised]{--y:calc(var(--header-height) + var(--hd-height))}&[data-state=back],&[data-state=docked]{--y:var(--header-height)}&[data-state=back]{--z:calc(var(--stack-depth)*-1)}&:last-child{border-bottom:1px solid var(--border-sub);height:calc(var(--section-height) - var(--header-height) - var(--hd-height))}&.item01{.image{width:42rem;@media screen and (max-width:768px){margin-top:3rem;width:60%}}h2 .large{margin-left:-.08em}}&.item02{.image{padding-top:10rem;width:100%;@media screen and (max-width:768px){margin-top:6rem;padding-top:0;width:100%}}}&.item03{.image{padding-top:10rem;width:39rem;@media screen and (max-width:768px){margin-top:3rem;padding-top:0;width:64%}}h2 .large{margin-left:-.08em}}&.item04{.image{padding-top:8rem;width:46rem;@media screen and (max-width:768px){margin-top:5rem;padding-top:0;width:64%}}h2 .large{margin-left:-.2em}}&.item05{.image{padding-top:4rem;width:40rem;@media screen and (max-width:768px){margin-top:6rem;padding-top:0;width:60%}}h2 .large{margin-left:-.2em}}.num{align-items:center;color:var(--border);display:flex;font-family:var(--font-outfit);font-size:2rem;height:var(--hd-height);isolation:isolate;padding-inline:2rem;@media screen and (max-width:768px){font-size:1.4rem}}.keyword-wrap{display:grid;grid-template-columns:76rem 1fr;isolation:isolate;padding-block:6rem;padding-inline:10rem 6rem;@media screen and (max-width:768px){grid-template-columns:100%;padding-block:3rem;padding-inline:2rem}.text{h2{span{display:block;font-family:var(--font-zen);font-weight:700;&:not(.large){font-size:4.8rem;line-height:1.45;@media screen and (max-width:768px){font-size:2rem}}&.large{color:var(--accent);font-size:9.8rem;line-height:1.35;@media screen and (max-width:768px){font-size:4rem}}&.jsTargetText,&.jsTargetTextColor{letter-spacing:.075em;&.shown{letter-spacing:-.025em}}}}.readText{margin-top:4rem;width:64rem;@media screen and (max-width:768px){margin-top:3rem;width:100%}}}.image{margin-inline:auto}}}}.recruit-btn{isolation:isolate;padding-block:12rem 6rem;@media screen and (max-width:768px){padding-block:10rem 2rem}}}