.sp,.sp-sm,.sp-ssm{display:block}h2 span{font-size:16px}main #section01{background:#191919;height:auto}main #section01 h1{text-align:center;letter-spacing:.8rem;position:relative;font-size:26px;color:#fff;font-family:aktiv-grotesk,sans-serif;font-weight:700;font-style:normal;top:150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}#section01 img{margin-top:65px}#section01 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;width:100%;margin:20px auto 40px auto}#section01 ul li{width:30%;font-family:aktiv-grotesk,sans-serif}#section01 ul li p{font-size:10px;line-height:1.4}#section01 ul li p span{font-size:12px;letter-spacing:1px}#section01 ul li p a{text-decoration:none}main #section01 p{font-size:14px;line-height:1.8;color:#fff;font-weight:normal;padding:0 5px 30px 5px}main #section02{padding:50px 0px 0px}main #section02 img{margin-top:60px}main #section02 h2{font-size:19px;line-height:1.3}main #section02 h3{color:#fff;font-size:19px;font-weight:bold;margin-bottom:30px}main #section02 p{color:#fff;font-size:14px;line-height:1.6}main #section02 #text-area{width:90%;float:right;margin:60px 5% 40px 5%}main #section02 #text-area .button{margin:30px auto 0}@media all and (-ms-high-contrast: none){main #section02 #text-area .button,#section04 .button a span{vertical-align:bottom}}main #section02 #text-area .button a span::after,#section04 .button a span::after{margin-left:80px}main #section02 .recruit_work01,main #section02 .recruit_work02,main #section02 .recruit_work03{margin:0;-o-object-fit:cover;object-fit:cover;height:130px;-o-object-position:0 30%;object-position:0 30%}main #section03 h2{font-size:19px;line-height:1.3;color:#fff}main #section03{background-color:#191919;padding:50px 50px 50px 50px;margin-top:40px}main #section03 #works-Area{width:100%}main #section03 #works-Area ul li{width:100%}main #section03 #works-Area ul li h3.photo-title{margin:5px 0 0 0}main #section04{background-color:#000;padding:50px 10px 50px 10px}main #section04 h2{font-size:19px;line-height:1.3}main #section04 h3{color:#fff;font-size:19px;font-weight:bold;margin-bottom:30px;text-align:center;margin-top:80px;line-height:1.5}main #section04 p{color:#fff;font-size:14px;line-height:2;text-align:center}#section04 .message-box{width:100%;margin:auto}#section04 .button{margin-top:30px}main #section05{position:relative;background-color:#191919;padding:50px 50px 50px 50px}main #section05 h2{color:#fff}main #section05 .button{cursor:pointer;width:100%;margin:auto;border:0;height:85px;color:#fff;font-family:aktiv-grotesk,sans-serif;font-weight:700;font-style:normal;padding:0;max-width:400px;overflow:hidden;position:relative;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;-ms-flex-line-pack:center;align-content:center;z-index:1}main #section05 .button{background-color:rgba(0,0,0,0);-webkit-transition:background-color 2s;transition:background-color 2s;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #fff}main #section05 .button::before{position:absolute;top:0;left:0;z-index:-1;content:"";width:120%;height:100%;background:#fff;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:skewX(0deg) scale(0, 1);transform:skewX(0deg) scale(0, 1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}main #section05 .button:hover::before{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(0deg) scale(1, 1);transform:skewX(0deg) scale(1, 1)}main #section05 .button:hover a{color:#000}main #section05 .button a:hover{opacity:1}main #section05 .button a{width:100%;height:100%;display:block;vertical-align:middle;color:#000;text-decoration:none;position:absolute;text-align:center;font-size:20px;color:#fff}.button-mynavi{margin-bottom:30px}.button-mynavi ul li{margin:0 0 30px 0}.button-mynavi ul li:last-child{margin-bottom:0}main #section05 .button::before{position:absolute;top:0;left:0;z-index:-1;content:"";width:120%;height:100%;background:#fff;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:skewX(0deg) scale(0, 1);transform:skewX(0deg) scale(0, 1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}main #section05 .button a span{position:relative;display:inline-block;height:100%;width:100%;-ms-flex-line-pack:center;align-content:center}main #section05 .button a:hover span::after{border-top:solid 2px #000;border-right:solid 2px #000}main #section05 .button a span::after{content:"";width:14px;height:14px;border:0px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;margin-top:-7px;margin-left:100px;right:4%}#section05 .button-box{display:inline-block;width:100%;margin:50px auto 0}#section05 .button-mynavi{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main #section03 #works-Area ul{-ms-flex-flow:wrap;flex-flow:wrap;width:100%;margin:0 0%}main #section05 .button{margin:auto;margin-bottom:24px}.container::after{content:"";display:block;width:30%}#section00 .brochureButton{border-top:solid 2px #fff;border-bottom:solid 2px #fff}#section00{padding-bottom:50px;font-family:aktiv-grotesk,sans-serif}#section00 h3{font-size:2rem;font-weight:bold}#section00 span{font-size:3.5rem}#section00 .btn{position:relative;text-decoration:none;display:inline-block;text-align:center;outline:none;-webkit-transition:ease .2s;transition:ease .2s;background-color:#e9e9e9;padding:50px;width:100%}.brochureButton:hover a{color:#000}#section00 .btn{position:relative;overflow:hidden;text-decoration:none;display:inline-block;padding:50px 30px;text-align:center;outline:none;-webkit-transition:ease .2s;transition:ease .2s}#section00 .btn h3{position:relative;z-index:3;color:#000;line-height:1.5}#section00 .btn:hover h3{color:#fff}#section00 .bgleft:before{content:"";position:absolute;top:0;left:0;z-index:2;background:#000;width:100%;height:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right top;transform-origin:right top}#section00 .bgleft:hover:before{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1, 1);transform:scale(1, 1)}#section00 a:hover{opacity:1}@media screen and (min-width: 600px){.sp-ssm{display:none}#section01 ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}main #section01 h1{font-size:40px;top:200px}main #section02{padding:100px 0px 260px}main #section02 #text-area{margin:60px 5% 40px 5%}main #section02 img{margin-top:40px}main #section02 .recruit_work01,main #section02 .recruit_work02,main #section02 .recruit_work03{position:absolute;width:150px;margin:0;height:auto}main #section02 .recruit_work01{width:150px;top:19%;left:2%}main #section02 .recruit_work02{width:150px;top:20%;right:2%}main #section02 .recruit_work03{width:200px;bottom:25%;right:0%}main #section02 h2,main #section03 h2{font-size:19px;line-height:1.3}main #section03 #works-Area ul li{width:45%}main #section04{padding:100px 50px 100px 50px}#section05 .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:50px auto 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:wrap;flex-flow:wrap;max-width:840px}main #section03{padding:100px 50px 50px 50px}main #section04{padding:100px 10px 100px 10px}main #section05{padding:150px 50px 150px 50px}.mask--float{position:absolute;width:100%;height:100%;top:0;max-width:1280px;margin:auto;left:0;right:0}.mynavi-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px auto 0}main #section02 #text-area .button{margin:8px 0 0 auto}main #section02 #text-area .button a span::after,#section04 .button a span::after{margin-left:100px}}@media screen and (min-width: 1024px){.sp-sm{display:none}main #section01 h1{font-size:50px;top:300px}#section01 ul li p{font-size:18px}main #section01 p,main #section02 p{font-size:18px}main #section01 p{letter-spacing:6px}#section01 ul{width:85%}#section01 ul li p{font-size:18px;font-weight:bold}#section01 ul li p span{font-size:16px}main #section02 .recruit_work01{width:275px;top:10%;left:5%}main #section02 .recruit_work02{width:350px;top:10%;right:5%}main #section02 .recruit_work03{width:450px;bottom:8%;left:5%}main #section02 h2,main #section03 h2,main #section04 h2,main #section05 h2{font-size:50px;line-height:.8}h2 span{font-size:25px}main #section02 img{margin-top:80px}main #section02 h3{font-size:34px}main #section02 #text-area{width:45%;margin:40px 5%}main #section02{padding:100px 0px 360px}main #section03 #works-Area ul li{width:30%}main #section04 h3{font-size:34px}#section04 .message-box{width:60%}main #section04 p{font-size:18px}main #section05 .button{cursor:pointer;width:100%;border:0;height:85px;color:#fff;font-family:aktiv-grotesk,sans-serif;font-weight:700;font-style:normal;padding:0;max-width:400px;overflow:hidden;position:relative;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;z-index:1}main #section05 .button{background-color:rgba(0,0,0,0);-webkit-transition:background-color 2s;transition:background-color 2s;overflow:hidden;border:1px solid #fff}main #section05 .button::before{position:absolute;top:0;left:0;z-index:-1;content:"";width:120%;height:100%;background:#fff;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:skewX(0deg) scale(0, 1);transform:skewX(0deg) scale(0, 1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}main #section05 .button:hover::before{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:skewX(0deg) scale(1, 1);transform:skewX(0deg) scale(1, 1)}main #section05 .button:hover a{color:#000}main #section05 .button a:hover{opacity:1}main #section05 .button a{width:100%;height:100%;display:block;vertical-align:middle;text-decoration:none;position:absolute;text-align:center;font-size:20px;color:#fff;padding:32px 10px}main #section05 .button::before{position:absolute;top:0;left:0;z-index:-1;content:"";width:120%;height:100%;background:#fff;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:skewX(0deg) scale(0, 1);transform:skewX(0deg) scale(0, 1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}main #section05 .button a span{position:relative;display:inline-block;height:100%;width:100%}main #section05 .button a:hover span::after{border-top:solid 2px #000;border-right:solid 2px #000}main #section05 .button a span::after{content:"";width:14px;height:14px;border:0px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;margin-top:-7px;margin-left:100px;right:4%}#section00 .btn{padding:100px 30px}}@media screen and (min-width: 1280px){.sp{display:none}#section01 ul li p{font-size:20px}}/*# sourceMappingURL=recruit.css.map */