#top #fv{position:relative;width:100%}#top #kv{overflow:hidden;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#top #kv #slideWrap{position:relative;overflow:hidden}#top #kv #slideWrap div{position:relative;z-index:1;width:100%;background:no-repeat center;background-size:cover;opacity:0;transition:opacity 2s linear,-webkit-transform 7.5s linear;transition:opacity 2s linear,transform 7.5s linear;transition:opacity 2s linear,transform 7.5s linear,-webkit-transform 7.5s linear;-webkit-transform:scale(1);transform:scale(1)}#top #kv #slideWrap div:not(:first-child){position:absolute;top:0;left:0}#top #kv #slideWrap div.show_{opacity:1}#top #kv #slideWrap div.zoom_{-webkit-transform:scale(1.1);transform:scale(1.1)}#top #kv #slideWrap div:nth-child(1){background-image:url("/image/recruit/top/kv_01.jpg")}#top #kv #slideWrap div:nth-child(2){background-image:url("/image/recruit/top/kv_02.jpg")}#top #kv #slideWrap div:nth-child(3){background-image:url("/image/recruit/top/kv_03.jpg")}#top #kv #slideWrap div:nth-child(4){background-image:url("/image/recruit/top/kv_04.jpg")}#top #kv #slideWrap div:nth-child(5){background-image:url("/image/recruit/top/kv_05.jpg")}#top #mainTtl>div{max-width:1340px;padding:0 10px;margin:-60px auto 0;overflow:hidden;text-align:right;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease}#top #mainTtl h1{position:relative;z-index:2;margin-bottom:20px}#top #mainTtl svg{max-width:1070px}#top #mainTtl #svg-animation .st0{fill:none;stroke:#fff;stroke-dasharray:1500;stroke-dashoffset:1500;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:20}#top #mainTtl #svg-animation{max-width:100%;height:auto}#top #mainTtl p{position:relative;display:inline-block}#top #mainTtl p:after{position:absolute;top:0;right:0;z-index:3;width:100%;height:100%;content:"";background:#fff;transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1)}#top #mainTtl p.show:after{right:-100vw}#top #mainTtl p em{position:relative;z-index:1;display:inline-block;font-size:24px;font-weight:500;letter-spacing:.2em}#top #mainTtl p em:after{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:10px;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%)}#top #mainTtl .mouseBox{width:22px;margin:-30px auto 0}#top #mainTtl .mouseBox .mouse{width:22px;height:36px;border:2px solid #bfc4cb;border-radius:14px}#top #mainTtl .mouseBox .mouse:after{position:relative;display:block;width:2px;height:8px;margin:5px auto;content:"";background:#bfc4cb;-webkit-animation:mouse 1.2s ease infinite;animation:mouse 1.2s ease infinite}#top #mainTtl .mouseBox .scroll{width:22px;margin-top:5px}#top #mainTtl .mouseBox .scroll>span{display:block;width:6px;height:6px;margin:15px auto 3px;border-right:2px solid #bfc4cb;border-bottom:2px solid #bfc4cb;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:scroll 1s infinite;animation:scroll 1s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes mouse{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes mouse{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@media(min-width: 769px){#top #fv{height:100vh;max-height:1100px}#top #kv{height:calc(100% - 190px)}#top #kv #slideWrap{height:100%}#top #kv #slideWrap div{height:100%}#top #mainTtl{position:absolute;bottom:20px;left:0;z-index:2;width:100%}}#top section h2{position:relative;padding-bottom:60px}#top section h2:after{position:absolute;bottom:35px;left:0;width:100px;height:1px;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%)}#top section h2 em{position:relative;display:inline-block;margin-right:25px;font-family:"Roboto";font-size:40px;font-weight:700;letter-spacing:.2em;vertical-align:middle}#top section h2 span{letter-spacing:.1em}#top .cntBox{max-width:1320px;margin:0 auto}#top #vision{margin-top:160px}#top #vision .cntBox{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 60px;margin:0 auto 80px}#top #vision .ttlBox{display:flex;flex-direction:column;justify-content:center;width:45%;min-width:360px}#top #vision .ttlBox h2{padding-bottom:50px;opacity:0}#top #vision .txtBox{width:55%;max-width:calc(100% - 360px)}#top #vision .txtBox dt{margin-bottom:40px;opacity:0}#top #vision .txtBox dd{line-height:2.5;letter-spacing:.1em;opacity:0}#top #vision .linkBtn1{margin:0 auto;opacity:0}#top #raindrops{position:relative;z-index:-1;width:100%;height:480px;margin:-280px 0 200px;overflow:hidden}#top #raindrops canvas{width:130%;height:480px}#top #advantage,#top #culture{max-width:1720px;margin:0 auto 200px}#top #advantage .ttlBox h2,#top #culture .ttlBox h2{text-transform:uppercase;transition:all .8s ease;transition-delay:1s}#top #advantage .ttlBox h2+p,#top #culture .ttlBox h2+p{margin-bottom:60px;line-height:2.5;text-transform:uppercase;letter-spacing:.1em;transition:all .8s ease;transition-delay:1s}#top #advantage .ttlBox .linkBtn1,#top #culture .ttlBox .linkBtn1{opacity:0}#top #advantage .photoBox,#top #culture .photoBox{position:relative;max-width:720px}#top #advantage .photoBox span,#top #culture .photoBox span{position:relative;display:block;overflow:hidden;opacity:0;transition:.6s;transition-delay:1s}#top #advantage .photoBox span:before,#top #culture .photoBox span:before{position:absolute;z-index:1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:1s}@media(min-width: 769px){#top #advantage .ttlBox,#top #culture .ttlBox{width:600px}#top #advantage .photoBox,#top #culture .photoBox{width:calc(100% - 600px)}}#top #advantage .ttlBox h2,#top #advantage .ttlBox h2+p{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}#top #advantage .photoBox span:before{left:0}@media(min-width: 769px){#top #advantage .ttlBox{float:left;padding:60px 60px 0}#top #advantage .photoBox{float:right}#top #advantage .photoBox:after{position:absolute;top:80px;left:100vw;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);opacity:.5;transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:.4s}}#top #advantage.show .ttlBox h2,#top #advantage.show .ttlBox h2+p{-webkit-clip-path:inset(0);clip-path:inset(0)}#top #advantage.show .photoBox:after{left:200px}#top #advantage.show .photoBox span{opacity:1}#top #advantage.show .photoBox span:before{left:-100%}#top #culture .ttlBox h2,#top #culture .ttlBox h2+p{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}#top #culture .photoBox span:before{right:0}@media(min-width: 769px){#top #culture .ttlBox{float:right;padding:60px 60px 0}#top #culture .photoBox{float:left}#top #culture .photoBox:after{position:absolute;top:80px;right:100vw;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);opacity:.5;transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:.4s}}#top #culture.show .ttlBox h2,#top #culture.show .ttlBox h2+p{-webkit-clip-path:inset(0);clip-path:inset(0)}#top #culture.show .photoBox:after{right:200px}#top #culture.show .photoBox span{opacity:1}#top #culture.show .photoBox span:before{right:-100%}#top #person{margin-bottom:120px}#top #person .cntBox{padding:0 60px}#top #person h2{display:inline-block;padding-bottom:50px;margin:0 55px 40px 0;opacity:0}#top #person h2+p{display:inline-block;width:58%;line-height:2;letter-spacing:.1em;vertical-align:middle;opacity:0}#top #person .photoBox{position:relative;margin-bottom:40px}#top #person .photoBox span{position:relative;display:block;overflow:hidden;opacity:0;transition:.6s;transition-delay:1s}#top #person .photoBox span:before{position:absolute;left:0;z-index:1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:1s}#top #person .photoBox:after{position:absolute;top:80px;left:100vw;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);opacity:.5;transition:.8s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:.4s}#top #person .linkBtn1{margin:0 auto}#top #person.show .photoBox:after{left:200px}#top #person.show .photoBox span{opacity:1}#top #person.show .photoBox span:before{left:-100%}#top #blog{margin-bottom:120px}#top #blog .blogBox{max-width:820px;padding:0 10px;margin:0 auto}#top #blog h2{margin-bottom:30px;opacity:0}#top #blog h2 em:after{background:none}#top #blog ul{margin-bottom:40px;border-top:1px solid #e2e9f2;opacity:0}#top #blog ul li{display:table;width:100%;padding:19px 20px 19px 0;letter-spacing:.1em;background:url("/image/recruit/top/blog_arrow_right.png") right center no-repeat;background-size:8px auto;border-bottom:1px solid #e2e9f2}#top #blog ul li time{display:table-cell;width:160px;font-family:"Roboto";font-size:12px;font-weight:700;vertical-align:middle}#top #blog ul li span{display:table-cell;vertical-align:middle}@media(min-width: 769px){#top #blog ul li a:hover{text-decoration:underline}}#top #blog .linkTxtArwR{text-align:right;opacity:0}#top section+.txt{margin-bottom:80px;text-align:center;opacity:0}#top section+.txt em{position:relative;display:inline-block;font-size:24px;font-weight:500;letter-spacing:.2em}#top section+.txt em:after{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:10px;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%)}@media screen and (max-width: 799px)and (min-width: 600px){#top #kv{margin:80px 0 0}}@media screen and (max-width: 799px)and (max-width: 599px){#top #kv{margin:60px 0 0}}@media screen and (max-width: 799px){#top #kv #slideWrap{height:320px}#top #kv #slideWrap div{height:100%}}@media screen and (max-width: 799px){#top #mainTtl{padding:0 20px}#top #mainTtl>div{margin:-20px auto 100px}#top #mainTtl p em{font-size:16px}#top #mainTtl p em:after{height:6px}#top #mainTtl .mouseBox{display:none}}@media screen and (max-width: 799px){#top section h2{padding-bottom:40px}#top section h2:after{bottom:30px;width:60px}#top section h2 em{margin-right:15px;font-size:24px}#top section h2 span{font-size:11px}}@media screen and (max-width: 799px){#top .cntBox{padding:0 20px}}@media screen and (max-width: 799px){#top #vision .cntBox{padding:0 20px;margin:0 auto 40px}#top #vision .ttlBox{width:100%;min-width:100%}#top #vision .ttlBox h2{padding-bottom:40px}#top #vision .txtBox{width:100%;max-width:100%}#top #vision .txtBox dt{margin-bottom:30px}#top #vision .txtBox dd{letter-spacing:0}}@media screen and (max-width: 799px){#top #raindrops{height:320px;margin:-120px 0 100px}#top #raindrops canvas{height:320px}}@media screen and (max-width: 799px){#top #advantage,#top #culture{margin:0 auto 160px}#top #advantage .ttlBox,#top #culture .ttlBox{margin-bottom:60px}#top #advantage .ttlBox h2+p,#top #culture .ttlBox h2+p{margin-bottom:40px;letter-spacing:0}#top #advantage .ttlBox .linkBtn1,#top #culture .ttlBox .linkBtn1{margin:0 auto}#top #advantage .photoBox,#top #culture .photoBox{margin:0 -20px}}@media screen and (max-width: 799px){#top #advantage .photoBox:after{position:absolute;top:60px;right:-100vw;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);opacity:.5;transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:.4s}}@media screen and (max-width: 799px){#top #advantage.show .photoBox:after{right:-60px}}@media screen and (max-width: 799px){#top #culture .photoBox:after{position:absolute;top:60px;left:-100vw;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0) linear-gradient(90deg, #4c7dff 0%, #4cd5ff 100%);opacity:.5;transition:.6s .3s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:.4s}}@media screen and (max-width: 799px){#top #culture.show .photoBox:after{left:-60px}}@media screen and (max-width: 799px){#top #person{padding:0;margin-bottom:100px}#top #person .cntBox{padding:0 20px}#top #person h2{width:200px;padding-bottom:40px;margin:0}#top #person h2+p{display:block;width:100%;margin-bottom:40px;letter-spacing:0}#top #person .photoBox{margin:0 -20px 40px}#top #person .photoBox:after{top:60px;right:-100vw}}@media screen and (max-width: 799px){#top #person.show .photoBox:after{right:-60px}}@media screen and (max-width: 799px){#top #blog{margin-bottom:100px}#top #blog .blogBox{padding:0 20px}#top #blog h2{margin-bottom:20px}#top #blog ul{margin-bottom:30px}#top #blog ul li{display:block}#top #blog ul li time{display:block}#top #blog ul li span{display:block}}@media screen and (max-width: 799px){#top section+.txt em{font-size:16px}#top section+.txt em:after{height:6px}}