@charset "UTF-8";.main-visual{width:1200px;margin:0 auto;position:relative;z-index:999}@media screen and (max-width: 768px){.main-visual{width:100%}}.main-visual>picture>img{width:945px;height:593px;margin-left:auto}@media screen and (max-width: 768px){.main-visual>picture>img{width:94.93%;height:69.8666666667vw}}.main-visual .ttl-sp{display:none}@media screen and (max-width: 768px){.main-visual .ttl-sp{display:block;position:absolute;top:0;left:0;margin:33.8666666667vw 0 0 8vw}}.main-visual .ttl-sp p{font-weight:700;font-size:5.3333333333vw;background:#fff;width:fit-content;padding:10px;opacity:0;animation:ttl-animation01 .5s forwards .2s linear}.main-visual .ttl-sp p:nth-of-type(2){margin-top:2.6666666667vw;animation:ttl-animation02 .7s forwards .6s linear}.main-visual .main-ttl{width:790px;height:493px;background:linear-gradient(to left,#4dd4ff33,#e64dff33);position:absolute;top:0;left:0;margin-top:50px;padding:77px 0 0 80px;box-sizing:border-box}@media screen and (max-width: 768px){.main-visual .main-ttl{width:94.93%;padding:9.6vw 0 8vw 5.3333333333vw;margin-top:61.8666666667vw;height:45.0666666667vw}}.main-visual .main-ttl p:nth-of-type(1){font-weight:700;font-family:var(--jost);font-size:80px}@media screen and (max-width: 768px){.main-visual .main-ttl p:nth-of-type(1){font-size:10.1333333333vw}}.main-visual .main-ttl p:nth-of-type(1):after{content:"";display:block;width:43px;height:8px;background:#333;margin:30px 0}@media screen and (max-width: 768px){.main-visual .main-ttl p:nth-of-type(1):after{width:9.3333333333vw;height:1.0666666667vw;margin:5.3333333333vw 0}}.main-visual .main-ttl p:nth-of-type(2),.main-visual .main-ttl p:nth-of-type(3){font-weight:700;background:#fff;font-size:40px;width:fit-content;padding:11px 7px}@media screen and (max-width: 768px){.main-visual .main-ttl p:nth-of-type(2),.main-visual .main-ttl p:nth-of-type(3){display:none}}.main-visual .main-ttl p:nth-of-type(2){margin-top:30px;animation:ttl-animation01 .5s forwards .2s linear;opacity:0}@keyframes ttl-animation01{0%{transform:translate(-100px);@media screen and (max-width: 768px){.main-visual .main-ttl p:nth-of-type(2){transform:translate(26.6666666667vw)}}}to{transform:translate(0);opacity:1}}.main-visual .main-ttl p:nth-of-type(3){margin-top:10px;animation:ttl-animation02 .7s forwards .6s linear;opacity:0}@keyframes ttl-animation02{0%{transform:translate(-100px)}to{transform:translate(0);opacity:1}}.main-visual .main-ttl span{display:block;font-weight:700;font-size:22px}@media screen and (max-width: 768px){.main-visual .main-ttl span{font-size:5.3333333333vw}}.main-txt{margin-top:40px}@media screen and (max-width: 768px){.main-txt{margin:50.6666666667vw auto 0;width:100%}}.main-txt h2{font-weight:700;font-size:35px;text-align:center}@media screen and (max-width: 768px){.main-txt h2{font-size:6.9333333333vw}}.main-txt p{text-align:center;margin-top:24px;line-height:1.8}@media screen and (max-width: 768px){.main-txt p{font-size:4.2666666667vw;text-align:left;text-align:justify;width:95%;margin:5.3333333333vw auto 0}}.main-txt p br{display:block}@media screen and (max-width: 768px){.main-txt p br{display:none}}.main-txt .slider{display:flex;overflow:hidden;margin-top:100px}@media screen and (max-width: 768px){.main-txt .slider{margin-top:13.3333333333vw}}.main-txt .slider ul{display:flex;animation:anime 50s linear infinite}@keyframes anime{0%{transform:translate(0)}to{transform:translate(-100%)}}.main-txt .slider ul li{width:16.6666666667vw;display:block}@media screen and (max-width: 768px){.main-txt .slider ul li{width:50vw}}.main-txt .slider ul li img{width:100%;height:200px;display:block;object-fit:cover}@media screen and (max-width: 768px){.main-txt .slider ul li img{height:34.6666666667vw}}.video{width:800px;margin:100px auto 0}@media screen and (max-width: 768px){.video{width:95%;margin:13.3333333333vw auto 0}}.video iframe{width:100%;height:450px}@media screen and (max-width: 768px){.video iframe{height:51.7333333333vw}}.l_benefits{width:1000px;margin:80px auto 0}@media screen and (max-width: 768px){.l_benefits{width:95%;margin-top:13.3333333333vw}}.l_benefits h2{font-size:55px;font-weight:700;text-align:center;font-family:var(--jost)}@media screen and (max-width: 768px){.l_benefits h2{font-size:10.6666666667vw;margin-top:13.3333333333vw;word-break:keep-all}}.l_benefits h2:after{content:"福利厚生";width:94px;height:26px;font-size:16px;display:flex;align-items:center;justify-content:center;margin:18px auto 0;background:linear-gradient(to right,#4dd4ff,#e64dff);color:#fff}@media screen and (max-width: 768px){.l_benefits h2:after{font-size:4.8vw;width:27.2vw;height:7.4666666667vw;margin-top:3.7333333333vw}}.l_benefits>p{position:relative;width:fit-content;padding:12px 25px;margin:30px auto 0}@media screen and (max-width: 768px){.l_benefits>p{padding:2.6666666667vw 4vw;line-height:1.3;text-align:center;margin-top:3.7333333333vw;font-size:3.7333333333vw}}.l_benefits>p br{display:none}@media screen and (max-width: 768px){.l_benefits>p br{display:block}}.l_benefits>p:before,.l_benefits>p:after{content:"";display:block;width:10px;height:100%;border:solid 1px #707070;box-sizing:border-box;position:absolute;top:0}@media screen and (max-width: 768px){.l_benefits>p:before,.l_benefits>p:after{width:1.3333333333vw}}.l_benefits>p:before{left:0;border-right:none}.l_benefits>p:after{right:0;border-left:none}.l_benefits .container{display:flex;align-items:center;justify-content:space-between;margin-top:100px}@media screen and (max-width: 768px){.l_benefits .container{flex-direction:column;margin-top:6.6666666667vw}}.l_benefits .container>img{display:block;width:392px}@media screen and (max-width: 768px){.l_benefits .container>img{width:100%}}.l_benefits .container>div{width:558px}@media screen and (max-width: 768px){.l_benefits .container>div{width:100%}}.l_benefits .container>div p{line-height:1.5}@media screen and (max-width: 768px){.l_benefits .container>div p{font-size:4.2666666667vw;margin-top:5.3333333333vw}}.l_benefits .container>div a{display:flex;align-items:center;justify-content:center;width:275px;height:50px;background:#06c;color:#fff;border-radius:6px;text-decoration:none;margin-top:30px;transition:.3s}@media screen and (max-width: 768px){.l_benefits .container>div a{width:100%;height:13.3333333333vw;font-size:4.2666666667vw}}.l_benefits .container>div a:hover{opacity:.8}.l_enviroment{width:1000px;margin:160px auto 0}@media screen and (max-width: 768px){.l_enviroment{width:95%}}.l_enviroment h2{font-size:55px;font-weight:700;text-align:center;font-family:var(--jost)}@media screen and (max-width: 768px){.l_enviroment h2{font-size:10.6666666667vw;margin-top:13.3333333333vw;word-break:keep-all}}.l_enviroment h2:after{content:"職場環境";width:94px;height:26px;font-size:16px;display:flex;align-items:center;justify-content:center;margin:18px auto 0;background:linear-gradient(to right,#4dd4ff,#e64dff);color:#fff}@media screen and (max-width: 768px){.l_enviroment h2:after{font-size:4.8vw;width:27.2vw;height:7.4666666667vw;margin-top:3.7333333333vw}}.l_enviroment>p:nth-of-type(1){position:relative;width:fit-content;padding:12px 25px;margin:30px auto 0}@media screen and (max-width: 768px){.l_enviroment>p:nth-of-type(1){padding:2.6666666667vw 4vw;line-height:1.3;text-align:center;margin-top:3.7333333333vw;font-size:3.7333333333vw}}.l_enviroment>p:nth-of-type(1) br{display:none}@media screen and (max-width: 768px){.l_enviroment>p:nth-of-type(1) br{display:block}}.l_enviroment>p:nth-of-type(1):before,.l_enviroment>p:nth-of-type(1):after{content:"";display:block;width:10px;height:100%;border:solid 1px #707070;box-sizing:border-box;position:absolute;top:0}@media screen and (max-width: 768px){.l_enviroment>p:nth-of-type(1):before,.l_enviroment>p:nth-of-type(1):after{width:1.3333333333vw}}.l_enviroment>p:nth-of-type(1):before{left:0;border-right:none}.l_enviroment>p:nth-of-type(1):after{right:0;border-left:none}.l_enviroment>p:nth-of-type(2){text-align:right;margin-top:30px;font-size:12px}@media screen and (max-width: 768px){.l_enviroment>p:nth-of-type(2){font-size:3.2vw;margin-top:8vw}}.l_enviroment ul{display:flex;justify-content:space-between;flex-flow:row wrap;margin-top:65px;counter-reset:number 0}@media screen and (max-width: 768px){.l_enviroment ul{margin-top:13.3333333333vw;flex-direction:column}}.l_enviroment ul li{width:calc((100% - 60px) / 3);height:230px;border-radius:20px;box-shadow:2px 0 9px #0000001a;display:flex;justify-content:center;padding-top:34px;box-sizing:border-box}@media screen and (max-width: 768px){.l_enviroment ul li{width:100%;height:56vw;padding-top:9.0666666667vw}}.l_enviroment ul li>div h3{text-align:center;font-size:24px;font-weight:700;color:#000}@media screen and (max-width: 768px){.l_enviroment ul li>div h3{font-size:6.4vw}}.l_enviroment ul li>div h3:before{counter-increment:number;content:"POINT" counter(number,decimal-leading-zero);display:block;font-size:20px;color:#56cdff;margin-bottom:30px}@media screen and (max-width: 768px){.l_enviroment ul li>div h3:before{margin-bottom:5.3333333333vw}}.l_enviroment ul li>div h3 span{color:#06c}.l_enviroment ul li>div p{width:265px;margin:25px auto 0;line-height:1.5;font-size:16px}@media screen and (max-width: 768px){.l_enviroment ul li>div p{width:90%;font-size:4.2666666667vw;margin-top:6.6666666667vw}}.l_enviroment ul li:nth-of-type(n+4){margin-top:30px}@media screen and (max-width: 768px){.l_enviroment ul li:nth-of-type(n+4){margin-top:0}}@media screen and (max-width: 768px){.l_enviroment ul li:nth-of-type(n+2){margin-top:8vw}}.l-works{width:100%;margin-top:160px;background:#f8f8f8;padding:80px 0}@media screen and (max-width: 768px){.l-works{margin-top:26.6666666667vw;padding:13.3333333333vw 0}}.l-works .container{background:#fff;position:relative;padding:107px 0 80px;width:1000px;margin:0 auto}@media screen and (max-width: 768px){.l-works .container{width:95%;padding:18.9333333333vw 2.4vw;box-sizing:border-box}}.l-works .container h2{font-size:55px;font-family:var(--jost);font-weight:700;position:absolute;top:0;left:50%;margin-top:-25px;transform:translate(-50%)}@media screen and (max-width: 768px){.l-works .container h2{font-size:10.6666666667vw;margin-top:-5.3333333333vw}}.l-works .container h2:after{content:"職種紹介";width:94px;height:26px;font-size:16px;display:flex;align-items:center;justify-content:center;margin:18px auto 0;background:linear-gradient(to right,#4dd4ff,#e64dff);color:#fff}@media screen and (max-width: 768px){.l-works .container h2:after{font-size:4.8vw;width:27.2vw;height:7.4666666667vw;margin-top:3.7333333333vw}}.l-works .container>p{position:relative;width:fit-content;padding:12px 25px;margin:0 auto}@media screen and (max-width: 768px){.l-works .container>p{padding:2.6666666667vw 4vw;line-height:1.3;text-align:center;margin-top:3.7333333333vw;font-size:3.7333333333vw}}.l-works .container>p br{display:none}@media screen and (max-width: 768px){.l-works .container>p br{display:block}}.l-works .container>p:before,.l-works .container>p:after{content:"";display:block;width:10px;height:100%;border:solid 1px #707070;box-sizing:border-box;position:absolute;top:0}@media screen and (max-width: 768px){.l-works .container>p:before,.l-works .container>p:after{width:1.3333333333vw}}.l-works .container>p:before{left:0;border-right:none}.l-works .container>p:after{right:0;border-left:none}.l-works .container ul{width:560px;margin:55px auto 0;display:flex;flex-flow:row wrap}@media screen and (max-width: 768px){.l-works .container ul{width:100%;margin-top:6.6666666667vw}}.l-works .container ul li{width:33.3333333333%}.l-works .container ul li a{text-decoration:none;text-align:center;transition:.3s}.l-works .container ul li a img{margin:0 auto;width:auto;height:60px}@media screen and (max-width: 768px){.l-works .container ul li a img{height:13.3333333333vw}}.l-works .container ul li a p{color:#000;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin-top:10px}@media screen and (max-width: 768px){.l-works .container ul li a p{font-size:3.4666666667vw;margin-top:2.1333333333vw}}.l-works .container ul li a p:after{content:"";display:block;font-family:var(--material);font-size:35px;margin-left:10px;font-variation-settings:"wght" 200;color:#333}@media screen and (max-width: 768px){.l-works .container ul li a p:after{font-size:6.9333333333vw;margin-left:.8vw}}.l-works .container ul li a:hover{opacity:.7;transition:.3s}.l-works .container ul li:nth-of-type(n+4){margin-top:50px}