@charset "UTF-8";header{background:rgba(255,255,255,.8)}.header__wrap h1{background:url(//www.rokkodenki-recruit.com/wp/wp-content/themes/rokkodenki-recruit/css/../images/common/logo-rec.svg) no-repeat;background-position:left;background-size:cover}.header__menu ul li a{color:#333}#nav-toggle span{background:#333}main{width:100%;height:60vh;position:relative;overflow:hidden;background:url(//www.rokkodenki-recruit.com/wp/wp-content/themes/rokkodenki-recruit/css/../images/env/env-top.jpg) no-repeat;background-position:center;background-size:cover;margin-top:100px;display:flex;align-items:center;justify-content:center}.mainttl__wrap{max-width:1000px;width:100%;margin-left:auto;margin-right:auto;padding:3% 2%;box-sizing:content-box;background-color:rgba(0,148,135,.6);color:#fff;text-align:center}.mainttl__txt{width:100%;font-size:6.5rem;font-family:'Noto Serif JP',serif;font-weight:900;line-height:100%}.mainttl__subtxt{font-size:2.5rem;line-height:100%;font-weight:700;margin-top:1%;padding-top:1%;border-top:1px solid #fff;width:45%;margin-left:auto;margin-right:auto}.cp__wrap{width:100%;margin-top:5%;position:relative}.cp__txtbox{width:100%;position:absolute;top:0;left:0}.sys__wrap{width:100%;margin-top:5%}.sys__wrap ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.sys__wrap ul li{width:30%;margin-top:3%}.sys__wrap ul li:first-of-type,.sys__wrap ul li:nth-of-type(2),.sys__wrap ul li:nth-of-type(3){margin-top:0}.sys__ttl{width:100%;font-weight:700;font-size:2rem}.sys__imgbox{width:100%;margin-top:3%}.sys__imgbox img{width:100%;object-fit:cover;height:220px}.sys__txtbox{width:100%;margin-top:3%}.env__wrap{width:100%;position:relative;margin-top:9%}.env__imgbox01{background:url(//www.rokkodenki-recruit.com/wp/wp-content/themes/rokkodenki-recruit/css/../images/env/env-img01.jpg) no-repeat;background-position:center;background-size:cover;max-width:700px;width:100%;height:350px;z-index:-1;position:absolute;top:-30%;left:-500px}.env__imgbox02{background:url(//www.rokkodenki-recruit.com/wp/wp-content/themes/rokkodenki-recruit/css/../images/env/env-img02.jpg) no-repeat;background-position:center;background-size:cover;max-width:700px;width:100%;height:350px;z-index:-1;position:absolute;top:-30%;right:-500px}.env__bgbox{width:60%;max-width:700px;position:relative;background-color:rgba(0,148,135,.1);z-index:-10;padding:5%}.env__cntbox{max-width:600px;position:relative;z-index:1}.env__txtbox{width:100%;max-width:500px;background-color:rgba(255,255,255,.8);padding:8%}.env__ttl{width:100%;font-size:2rem;font-weight:700}.env__txt{width:100%;line-height:180%;margin-top:2%}.env__margin01{margin-left:auto}.env__margin02{margin-right:auto}@media screen and (min-width:835px) and (max-width:1366px){.env__wrap{width:100%;position:relative;margin-top:14%}}@media screen and (min-width:0px) and (max-width:834px){main{width:100%;height:50vh;background:url(//www.rokkodenki-recruit.com/wp/wp-content/themes/rokkodenki-recruit/css/../images/env/env-top.jpg) no-repeat;background-position:center;background-size:cover;margin-top:70px}.mainttl__wrap{width:80%;margin-left:auto;margin-right:auto;padding:5% 2%}.mainttl__txt{width:100%;font-size:3.2rem}.mainttl__subtxt{font-size:2rem;margin-top:3%;padding-top:3%;width:80%}.cp__wrap{width:100%;margin-top:8%;& img{width:100%;object-fit:contain}}.cp__txtbox{width:100%;position:static;top:0;left:0;text-align:center;margin-bottom:5%}.sys__wrap{width:100%;margin-top:8%}.sys__wrap ul li{width:100%;margin-top:8%}.sys__wrap ul li:first-of-type{margin-top:0}.sys__wrap ul li:nth-of-type(2),.sys__wrap ul li:nth-of-type(3){margin-top:8%}.sys__ttl{width:100%;font-weight:700;font-size:2rem}.sys__imgbox{width:100%;margin-top:3%}.sys__imgbox img{width:100%;object-fit:cover;height:220px}.sys__txtbox{width:100%;margin-top:3%}.env__wrap{width:100%;position:relative;margin-top:23%}.env__imgbox01{width:90%;height:200px;z-index:-1;position:absolute;top:-10%;left:5%}.env__imgbox02{width:90%;height:200px;z-index:-1;position:absolute;top:-10%;right:5%}.env__bgbox{width:100%;max-width:700px;position:relative;background-color:rgba(0,148,135,.1);z-index:-10;padding:30% 5% 10%}.env__cntbox{max-width:600px;position:relative;z-index:1}.env__txtbox{width:90%;margin-left:auto;margin-right:auto;padding:8%}.env__ttl{width:100%;font-size:1.8rem;font-weight:700;line-height:120%}.env__txt{width:100%;line-height:150%;margin-top:2%}.env__margin01{margin-left:auto}.env__margin02{margin-right:auto}}