@keyframes main-title-scroll-animation{0%{transform:translateX(100%)}50%{transform:translateX(0);width:100%;padding-left:2vw}100%{width:0%}}@keyframes main-title-scroll-animation-inversion{0%{transform:translateX(-100%)}50%{transform:translateX(0);width:100%;padding-right:2vw}100%{width:0%}}article{position:relative}.main-title-scroll-view{color:var(--vesta-background-color);background:linear-gradient(to right, var(--vesta-main-shadow), var(--vesta-main-color));position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:2;white-space:nowrap}.main-title-scroll-view.active{animation:main-title-scroll-animation 2s ease-in-out 0s 1 forwards}.main-title-scroll-view.inversion{background:linear-gradient(to left, var(--vesta-main-shadow), var(--vesta-main-color));text-align:right;left:auto;right:0}.main-title-scroll-view.inversion.active{animation:main-title-scroll-animation-inversion 2s ease-in-out 0s 1 forwards}#top-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:60% 40%;width:100%;height:calc(100vh - 20vw);color:var(--vesta-background-color)}#top-section .contents{position:relative;opacity:0}#top-section .contents:nth-of-type(1){grid-column:1 / 3;transform:translateX(40%);transition:1s ease}#top-section .contents:nth-of-type(1) .back-image{object-position:left}#top-section .contents:nth-of-type(1) .content{top:auto;left:auto;bottom:0;right:0;transform:translate(-5%, -30%)}#top-section .contents:nth-of-type(2){transform:translateX(-70%);transition:1s ease 1.8s}#top-section .contents:nth-of-type(3){transform:translateY(30%);transition:1s ease 2.4s}#top-section .contents .back-image{width:100%;height:100%;object-fit:cover;display:block}#top-section .contents .content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif}#top-section .contents .content .title,#top-section .contents .content .subtitle{margin:0;white-space:nowrap;overflow:hidden;text-align:right}#top-section .contents .content .title .emphasis,#top-section .contents .content .subtitle .emphasis{color:var(--vesta-background-color)}#top-section .contents .content .title{font-size:8vw;width:0;transition:.6s ease 1s}#top-section .contents .content .title .emphasis{transition:.6s ease 1.5s}#top-section .contents .content .subtitle{font-size:5vw;opacity:0;transition:.6s ease 1.3s}#top-section .contents .content .subtitle .emphasis{transition:.6s ease 1.8s}#top-section .contents .content .jump-link{font-size:4.5vw;color:transparent;background:var(--vesta-main-color-30);border:0.2vw solid var(--vesta-background-color);white-space:nowrap;overflow:hidden;text-align:center;display:block;width:0;height:0;line-height:5vw;margin:auto}#top-section.active .contents{transform:translate(0, 0);opacity:1}#top-section.active .contents .content .title{width:100%}#top-section.active .contents .content .subtitle{opacity:1}#top-section.active .contents .content .emphasis{color:var(--vesta-main-shadow)}#top-section.active .contents:nth-of-type(2) .content .jump-link{animation:jump-link-vertical 1s ease 2s 1 normal forwards}#top-section.active .contents:nth-of-type(3) .content .jump-link{animation:jump-link-horizontal 1s ease 2.8s 1 normal forwards}@keyframes jump-link-vertical{0%{width:0;height:1vw;padding:0}50%{width:calc(100% - 8vw);height:1vw;color:transparent;padding:0 4vw}100%{width:calc(100% - 8vw);height:5vw;color:var(--vesta-background-color);padding:4vw;box-shadow:0 0 5vw rgba(0,0,0,0.8)}}@keyframes jump-link-horizontal{0%{width:1vw;height:0;padding:0}50%{width:1vw;height:5vw;color:transparent;padding:4vw 0}100%{width:calc(100% - 8vw);height:5vw;color:var(--vesta-background-color);padding:4vw;box-shadow:0 0 5vw rgba(0,0,0,0.8)}}#overview{padding:4vw}#overview .title{font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;font-weight:bold;font-size:8vw;color:var(--vesta-main-shadow);margin:0}#overview .contents{font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;font-size:4vw}.recruit-info{margin-top:-20vw;padding:24vw 4vw 4vw}.recruit-info .title{font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;font-weight:bold;font-size:8vw;color:var(--vesta-main-shadow);margin:0}.recruit-info .contents{padding:3vw 4vw}.recruit-info .contents .title{position:relative;font-size:6vw;padding-left:10vw;margin-bottom:3vw;border-bottom:1px solid var(--vesta-main-color-30)}.recruit-info .contents .title::before,.recruit-info .contents .title::after{content:'';display:block;position:absolute;top:50%}.recruit-info .contents .title::before{left:1vw;transform:translateY(-50%) rotate(45deg);width:3vw;height:3vw;border:0.5vw solid var(--vesta-main-color-50)}.recruit-info .contents .title::after{left:2.5vw;transform:translateY(-50%) rotate(60deg);width:4vw;height:4vw;background:var(--vesta-main-color-30)}.recruit-info .contents .content{font-size:4vw;margin:0;padding:1vw 4vw}.recruit-info .contents p{margin:0}.recruit-info .contents .salary{display:grid;grid-template-columns:1fr 2fr;margin-bottom:2vw}.recruit-info .contents .salary .title{font-size:5vw;border:none;padding:0;margin:0}.recruit-info .contents .salary .title::before,.recruit-info .contents .salary .title::after{display:none}.recruit-info span{display:block}#note{margin:0 5vw;font-size:3vw}#note span{display:inline-block}@media screen and (min-width: 560px){.recruit-info .title{font-size:6vw}.recruit-info .contents .title{font-size:5vw}.recruit-info .contents .salary .title{font-size:4vw}.recruit-info .contents .salary p{font-size:3vw}#overview .title{font-size:6vw}}@media screen and (min-width: 960px){#top-section{display:block;height:90vh}#top-section .contents{height:100%}#top-section .contents:nth-of-type(2),#top-section .contents:nth-of-type(3){display:none}#overview{padding:0}#overview .wrap{display:flex;align-items:center;padding:4vw;background:var(--vesta-background-color);transform:translateY(-200%);opacity:0;transition:transform 3s;height:60vh}#overview .title{width:50%;font-size:5vw}#overview .contents{width:50%;font-size:2vw}#overview.active .wrap{opacity:1;transform:translateY(0)}#group-home{padding-right:40%}#group-home>.title{right:8vw}#life-care{padding-left:40%}#life-care>.title{left:8vw}.recruit-info{position:relative;margin-top:0;margin-bottom:4vw;padding-top:0;padding-bottom:0}.recruit-info .title{font-size:3vw;position:absolute;top:0}.recruit-info .title.active{position:fixed;top:50%}.recruit-info .title.end{top:auto;bottom:10vw}.recruit-info .contents{padding:2vw 4vw}.recruit-info .contents .title{font-size:2vw;margin-bottom:1vw;padding-left:6vw}.recruit-info .contents .title::before{width:1.2vw;height:1.2vw;border:0.2vw solid var(--vesta-main-color-50)}.recruit-info .contents .title::after{left:1.6vw;width:1.6vw;height:1.6vw}.recruit-info .contents .content{font-size:1.5vw}.recruit-info .contents .content .salary .title{font-size:1.5vw}.recruit-info .contents .content .salary p{font-size:1.5vw}#note{font-size:1vw}}