body,html{background-color:#fff;color:#000}.align-center,.content-wrap{text-align:center}*{font-family:'Noto Sans JP',sans-serif;padding:0;margin:0}a{text-decoration:none;color:inherit}.flex{display:flex!important;flex-wrap:wrap!important;justify-content:center;align-items:center}.br-sp,.tit-sp{display:none}.fade{opacity:0;-webkit-transition:all 1.8s ease;transition:all 1.8s ease}.tit-sp{font-size:2.5rem}.br-pc{display:block}.show{opacity:1}html{font-size:.75vw;min-width:320px;overflow:auto}body{overflow:hidden}.align-left{text-align:left}.underline{text-decoration:underline}.overlay-imgs{position:relative;width:100%}.overlay-imgs .overlay-img1,.overlay-imgs .overlay-img2,.overlay-imgs .overlay-img3{position:absolute;z-index:5}.overlay-imgs img{position:relative;width:100%;height:100%;z-index:10}.overlay-img1::after,.overlay-img2::after,.overlay-img3::after{width:15em;height:15em;background-color:#00e01e;content:'';display:block}.overlay-img1{top:3em;left:26%}.overlay-img1::after{position:absolute;top:-22%;left:-50px}.overlay-img2{top:4em;right:3%}.overlay-img2::after{position:absolute;top:4vh;right:-7%}.overlay-img3{top:-5em;right:17%}.overlay-img3::after{position:absolute;top:11vh;left:-10%}.blank-top{height:18em}#menu{font-weight:500;position:fixed;top:15%;left:4%;z-index:100}#menu .logo{margin:0 0 3em}#menu .logo img{width:90%}#menu ul{list-style:none}#menu ul li{position:relative;font-size:1.3rem}#menu ul li a{font-weight:500;display:inline-block;width:100%;height:100%;padding:1.5em 0}#menu ul li::before{content:'';display:block;position:absolute;width:4.4em;height:4.4em;top:50%;margin:-2.2em 0 0 -.7em;z-index:-1;opacity:0;background:url(../images/octagon.png) center center no-repeat;background-size:contain;transition:.3s}#menu ul .on::before{opacity:1}#menu a{transition:.3s}#menu a:hover{opacity:.7}.content-wrap{background-color:#f2f2f2;padding:6em 1em 6em 13em;margin:21em 0}.content-wrap p{font-size:1.3rem}.content-wrap .content{display:inline-block;text-align:left;line-height:2;margin:auto;max-width:70%}.content-wrap .content table{font-size:1.3rem}.content-wrap .content .paragraph{margin:2.5em 0}#about .content-wrap{margin:0}#about .content-wrap .content h3{font-size:2rem}#about .content-wrap .content .paragraph{margin:2.5em 0 3em}#about .overlay-img4{position:fixed;right:0;top:45%;z-index:4;margin:auto}#work .content-wrap{margin:40em 0 0}#work .content-wrap .flex{align-items:start}#work .content-wrap .flex .work{width:42%;margin:2em 8% 2em 0}#work .content-wrap .flex .work img{box-shadow:10px 10px #00e01e;width:100%}#work .content-wrap .flex .work h2{margin:1em 0 .8em;font-weight:500}#work .content-wrap .flex .work .paragraph{margin:.5em 0;line-height:1.6}#activity p{font-size:2.5rem}#company .content{max-width:50%}#company .content .flex{font-size:1.3rem;align-items:start}#company .content .flex .thead{width:20%;font-weight:500;padding:1.3em 0}#company .content .flex .tdata{width:80%;padding:1.3em 0}#contact p{text-align:center}#contact p.square-btn{background-color:#fff;transition:.3s}footer a::after,footer a::before{position:absolute;height:1px;background:#333;transition:all .3s;content:''}#contact p.square-btn a{border:2px solid #00e01e;white-space:nowrap;display:block;text-align:center;padding:.5em 0;font-size:1.2em;font-weight:500;line-height:1.5}#contact p.square-btn a span{font-size:1rem;display:block}#contact .flex{text-align:left;font-size:1.3rem;margin:2em auto 3em;align-items:start;justify-content:space-between;min-width:30em}#contact .flex .thead{width:30%;font-weight:500;padding:.5em 0}#contact .flex .tdata{width:70%;padding:.5em 0}footer{text-align:center;line-height:2;margin:0 0 .4em}footer a{position:relative}footer a::before{bottom:6px;left:106%;width:20px}footer a::after{bottom:8px;left:calc(106% + 14px);width:7px;transform:rotate(35deg)}footer a:hover::before{left:116%}footer a:hover::after{left:calc(116% + 14px)}@media screen and (max-width:1600px){.overlay-img1,.overlay-img2,.overlay-img3{transform:scale(.8);transform-origin:top left}.overlay-img4{transform:scale(.8);transform-origin:top right}}@media screen and (max-width:1200px){html{font-size:1.1vw}.overlay-img1{transform:scale(.7);transform-origin:top left}.overlay-img2,.overlay-img3{transform:scale(.7);transform-origin:top right}#about .overlay-img4{transform:scale(.7);transform-origin:top center;position:static;margin:-1em auto -4em}.blank-top{height:13em}#menu .logo{width:11em}.content-wrap{margin:17em 0}.content-wrap .content{max-width:90%}}@media screen and (max-width:960px){#company .content,.content-wrap .content{max-width:90%}#company .content .flex .tdata,#company .content .flex .thead{width:100%}.overlay-img1{transform:scale(.6);transform-origin:top left}.overlay-img2,.overlay-img3{transform:scale(.6);transform-origin:top right}.overlay-img1::after,.overlay-img2::after,.overlay-img3::after{width:20em;height:20em}#about .overlay-img4{transform:scale(.5);transform-origin:top center;position:static;margin:0 auto -10em}}@media screen and (max-width:700px){#menu,#sp-menu-btn #line1{top:0}#menu ul .on::before,.line_2{opacity:0}#sp-menu-btn #line3,.line_3{bottom:0}html{font-size:2.7vw}.overlay-img1{left:17%}.overlay-img1::after,.overlay-img2::after,.overlay-img3::after{width:10em;height:10em}.blank-top{height:11em}#about .overlay-img4{margin:0 auto -6em}#work .content-wrap{margin:0}#work .content-wrap .flex .work{width:100%}#company .content .flex .thead{padding:2em 0 0}#company .content .flex .tdata{padding:.2em 0 0 1.3em}#contact .flex .thead{width:100%;padding:2em 0 0}#contact .flex .tdata{width:100%;padding:.2em 0 0 1.3em}.content-wrap{padding:6em 1em 6em 3em;margin:0 0 10em}#menu{position:fixed;height:100vh;width:40%;left:-40%;background:#fff;transition:.5s;z-index:99}#menu .logo{padding:8em 0 2em 1.5em;margin:0}#menu ul{padding:0 0 0 1.5em}#menu ul li{padding:0}#menu ul li a{padding:.8em 0}.tit-sp{display:block;text-align:center;padding:1em 0 0;margin:5em 0 1em}.br-sp{display:block}#sp-menu-btn{display:block;position:fixed;z-index:100;top:20px;left:17px;width:50px;height:44px;cursor:pointer;transition:.7s;transform:scale(.5);transform-origin:top left}#sp-menu-btn .inner_line{display:block;position:absolute;left:0;width:50px;height:3px;background-color:#000;transition:1s;border-radius:4px}#sp-menu-btn #line2{top:20px}.in{transform:translateX(100%)}.line_1,.line_2,.line_3{background:#000}.line_1{transform:translateY(20px) rotate(-45deg);top:0}.line_3{transform:translateY(-20px) rotate(45deg)}}@media screen and (max-width:550px){.blank-top,.overlay-img1,.overlay-img2,.overlay-img3{display:none}}@media screen and (max-width:400px){html{font-size:3.3vw}#menu{width:60%;left:-60%}}#recruit #recruit-intro{font-weight:400;background-color:#fff;padding-top:0;margin-bottom:5em}#recruit #recruit-intro .recruit-messages p{position:absolute;font-size:8rem;z-index:50}#recruit #recruit-intro .recruit-messages p.message-01{top:0;right:20px}#recruit #recruit-intro .recruit-messages p.message-02{top:1.4em;right:15px;line-height:1}#recruit #recruit-intro .flex .img-wrap{width:28%;margin:0 7% 0 0}#recruit #recruit-intro .flex .img-wrap img{width:100%}#recruit #recruit-intro .flex .text-wrap{width:65%}#recruit #recruit-intro .content{width:55vw}#recruit .recruit-menu .freshers-link{display:flex;justify-content:flex-end;background-color:#ede90c;width:47%;padding:4em 3% 4em 0}#recruit .recruit-menu .career-link{display:flex;justify-content:flex-start;background-color:#00d4f0;width:47%;padding:4em 0 4em 3%}#recruit #freshers-anker{margin:10em 0 0}#recruit #career-anker{margin:29em 0 0}#recruit #career,#recruit #freshers{font-weight:400;padding:8em 1em 11em 11em;text-align:left;position:relative}#recruit #career .flex,#recruit #freshers .flex{margin:0 auto;line-height:2;padding:4em 0 0;align-items:start}#recruit #career .flex ul,#recruit #freshers .flex ul{font-size:1.3rem;margin:0 0 0 20px}#recruit #career .flex .thead,#recruit #freshers .flex .thead{margin:1em 2% 1em 0;width:18%}#recruit #career .flex .tdata,#recruit #freshers .flex .tdata{margin:1em 0 1em 2%;width:78%}#recruit #career .entry,#recruit #freshers .entry{text-align:center;margin:4em 0 0;position:relative;z-index:20}#recruit #career .entry a,#recruit #freshers .entry a{font-weight:500;display:inline-block;text-align:center;padding:.7em 6em;background-color:#fff;font-size:1.2em;line-height:1.5}#recruit .content-wrap h2{width:100%;text-align:right;font-size:3.7rem;font-weight:500;letter-spacing:3px;margin:0 0 0 -10px}#recruit .content-wrap h2::after{content:'';display:block;height:7px;width:4.5em;position:absolute;right:0;margin:4px 0 0}#recruit #career::before,#recruit #freshers::after,#recruit #freshers::before{display:block;width:90%;height:100%;position:absolute;content:''}#recruit #freshers{margin:30em 0 0}#recruit #freshers h2::after{background-color:#ede90c}#recruit #freshers .entry a{border:2px solid #ede90c}#recruit #career{margin:50em 0 0}#recruit #career h2::after{background-color:#00d4f0}#recruit #career .entry a{border:2px solid #00d4f0}#recruit #freshers::before{background:url(../images/recruit-01.png) top right no-repeat;top:0;left:0;margin:-19em 0 0}#recruit #freshers::after{background:url(../images/recruit-02.png) 30% bottom no-repeat;top:18%;right:0;text-align:left;z-index:10}#recruit #career::before{background:url(../images/recruit-03.png) top right no-repeat;top:0;left:0;margin:-19em 0 0}#recruit footer{position:relative;margin:20.5em 0 0;background:url(../images/recruit-footer-bg.png) 68% center no-repeat;width:100%;height:35rem;background-size:cover}#recruit footer p{position:absolute;bottom:34px;width:100%}#recruit footer p:last-child{bottom:6px}@media screen and (max-width:1500px){#recruit #career::before,#recruit #freshers::before{transform:scale(.8);transform-origin:top right;margin:-20em 0 0}#recruit #freshers::after{transform:scale(.8);transform-origin:bottom left;top:20em;margin:0 2em 0 0}}@media screen and (max-width:1200px){#recruit .recruit-menu .career-link,#recruit .recruit-menu .freshers-link{padding-top:2em;padding-bottom:2em}#recruit #recruit-intro{margin:24em 0 5em}#recruit #recruit-intro .content{width:100%}#recruit #recruit-intro .recruit-messages p{font-size:6rem}#recruit .recruit-menu .freshers-link a{transform:scale(.7);transform-origin:center right}#recruit .recruit-menu .career-link a{transform:scale(.7);transform-origin:center left}#recruit #career .flex,#recruit #freshers .flex{padding:4em 1em 0 7em}#recruit #career::before,#recruit #freshers::before{transform:scale(.7);transform-origin:top left;margin:-13em 0 0}#recruit #freshers::after{transform:scale(.7);transform-origin:bottom left;top:13em;background-position:bottom right;margin:0 2em 0 0}#recruit .br-pc{display:none}}@media screen and (max-width:700px){#recruit #recruit-intro{margin:0 0 5em;padding:0 3em 6em 5em}#recruit #recruit-intro .recruit-messages p{position:static;text-align:right;font-size:4rem}#recruit #recruit-intro .content{width:100%;max-width:100%;margin:5em 0 0}#recruit #recruit-intro .content .img-wrap{width:35%;margin:0}#recruit #career .flex .thead,#recruit #freshers .flex .thead,#recruit #recruit-intro .content .text-wrap{width:100%}#recruit .recruit-menu .career-link,#recruit .recruit-menu .freshers-link{padding-top:0;padding-bottom:0;height:12em;align-items:center}#recruit .recruit-menu .career-link a,#recruit .recruit-menu .freshers-link a{transform:scale(.6)}#recruit #career,#recruit #freshers{margin:20em 0 0;padding:6em 1em 6em 3em}#recruit #career .flex,#recruit #freshers .flex{padding:4em 0 0 1em}#recruit #career .flex .tdata,#recruit #freshers .flex .tdata{width:90%;margin:0 0 3em 2%}#recruit #career .entry,#recruit #freshers .entry{margin:4em 1em 0}#recruit #career .entry a,#recruit #freshers .entry a{display:block;padding:.7em 0}#recruit #career::before,#recruit #freshers::before{background-size:contain;transform:scale(.6);margin:-10em 0 0 3em}#recruit #freshers::after{background-size:contain;transform:scale(.6);top:10em}#recruit footer{margin:10em 0 0}}@media screen and (max-width:500px){#recruit #recruit-intro{padding:0 3em 6em 5em}#recruit .recruit-menu .career-link a,#recruit .recruit-menu .freshers-link a{transform:scale(.5)}}@media screen and (max-width:430px){#recruit #recruit-intro{padding-top:.5em}#recruit #recruit-intro .recruit-messages p{font-size:3rem}#recruit .recruit-menu .career-link a,#recruit .recruit-menu .freshers-link a{transform:scale(.35)}}#career-form h2,#freshers-form h2{text-align:center;margin:3em 0 2em 15rem;font-size:3rem;position:relative}#career-form h2::after,#freshers-form h2::after{content:'';position:absolute;left:50%;bottom:-10px;display:inline-block;width:3em;height:5px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}#career-form .content-wrap,#freshers-form .content-wrap{font-size:1.3rem;margin:0;padding:3em 1em 4em 15rem}#career-form .content-wrap .content,#freshers-form .content-wrap .content{width:50%}#career-form .content-wrap .content .tbody,#freshers-form .content-wrap .content .tbody{display:flex;flex-wrap:wrap;margin:1em 0}#career-form .content-wrap .content .tbody .thead,#freshers-form .content-wrap .content .tbody .thead{margin:5px 0}#career-form .content-wrap .content .tbody .tdata,#career-form .content-wrap .content .tbody .thead,#freshers-form .content-wrap .content .tbody .tdata,#freshers-form .content-wrap .content .tbody .thead{width:100%}#career-form .content-wrap .content .tbody .tdata span,#career-form .content-wrap .content .tbody .thead span,#freshers-form .content-wrap .content .tbody .tdata span,#freshers-form .content-wrap .content .tbody .thead span{display:block;width:100%;font-size:1rem}#career-form .content-wrap .content .tbody .tdata input,#career-form .content-wrap .content .tbody .tdata textarea,#career-form .content-wrap .content .tbody .thead input,#career-form .content-wrap .content .tbody .thead textarea,#freshers-form .content-wrap .content .tbody .tdata input,#freshers-form .content-wrap .content .tbody .tdata textarea,#freshers-form .content-wrap .content .tbody .thead input,#freshers-form .content-wrap .content .tbody .thead textarea{width:100%;max-width:100%;padding:.3em .5em;font-size:1.2rem;margin:0;box-sizing:border-box}#career-form .content-wrap .content .tbody .tdata select,#career-form .content-wrap .content .tbody .thead select,#freshers-form .content-wrap .content .tbody .tdata select,#freshers-form .content-wrap .content .tbody .thead select{padding:.3em .5em;font-size:1.2rem;margin:0}#career-form .content-wrap .content .tbody .tdata .inline,#career-form .content-wrap .content .tbody .thead .inline,#freshers-form .content-wrap .content .tbody .tdata .inline,#freshers-form .content-wrap .content .tbody .thead .inline{display:inline-block;width:auto}#career-form .content-wrap .content .tbody .required::after,#career-form .content-wrap .content .tbody .thead::after,#freshers-form .content-wrap .content .tbody .required::after,#freshers-form .content-wrap .content .tbody .thead::after{content:'*';color:red;margin:-3px 0 0 4px;font-size:1.3em;position:absolute}#career-form .content-wrap .content .tbody .required,#freshers-form .content-wrap .content .tbody .required{margin:15px 0 0}#career-form .content-wrap .content .name-field .tdata,#freshers-form .content-wrap .content .name-field .tdata{display:flex;flex-wrap:wrap;justify-content:space-between}#career-form .content-wrap .content .name-field .tdata input,#freshers-form .content-wrap .content .name-field .tdata input{width:calc(50% - 5px)}#career-form .content-wrap .content .university-date,#freshers-form .content-wrap .content .university-date{display:flex;flex-wrap:wrap}#career-form .content-wrap .content .university-date div,#freshers-form .content-wrap .content .university-date div{margin:0 10px 0 0;width:auto}#career-form .content-wrap .content .university-date div input,#career-form .content-wrap .content .university-date div span,#freshers-form .content-wrap .content .university-date div input,#freshers-form .content-wrap .content .university-date div span{display:inline-block;width:auto}#career-form .content-wrap .content .university-date div:nth-child(2) input,#career-form .content-wrap .content .university-date div:nth-child(2) span,#freshers-form .content-wrap .content .university-date div:nth-child(2) input,#freshers-form .content-wrap .content .university-date div:nth-child(2) span{margin-left:10x}#career-form .content-wrap .content .square-btn,#freshers-form .content-wrap .content .square-btn{text-align:center;margin:4em 0 0;position:relative;z-index:20}#career-form .content-wrap .content .square-btn input,#freshers-form .content-wrap .content .square-btn input{cursor:pointer;font-weight:500;display:inline-block;text-align:center;padding:.7em 6em;background-color:#fff;font-size:1.2em;line-height:1.5}#career-form footer,#freshers-form footer{position:relative;margin:20.5em 0 0;background:url(../images/recruit-footer-bg.png) 68% center no-repeat;width:100%;height:35rem}#career-form footer p,#freshers-form footer p{position:absolute;bottom:34px;width:100%}#career-form footer p:last-child,#freshers-form footer p:last-child{bottom:6px}#freshers-form h2::after{background-color:#ede90c}#freshers-form .content-wrap .content .square-btn input{border:2px solid #ede90c}#career-form h2::after{background-color:#00d4f0}#career-form .content-wrap .content .square-btn input{border:2px solid #00d4f0}@media screen and (max-width:1200px){#career-form .content-wrap .content,#freshers-form .content-wrap .content{width:70%}}@media screen and (max-width:700px){#career-form h2,#freshers-form h2{font-size:2em;margin:3em 0 2em 2rem}#career-form .content-wrap,#freshers-form .content-wrap{padding:6em 0 6em 3rem}#career-form .content-wrap .content,#freshers-form .content-wrap .content{width:100%}}#privacy h1{margin:4em 0 2em}#privacy .content-wrap{padding:3em 1em 6em 11em;margin:0 0 10em}#privacy .content-wrap .content{max-width:65%}@media screen and (max-width:700px){#privacy .content-wrap{padding:3em 3em 6em 4em}#privacy .content-wrap .content{max-width:100%}}