img[src$=".svg"],img{width:100%;height:auto}.att{padding-left:1em;text-indent:-1em}#special{background-color:#f3f3f3;background:#f3f3f3 url(/recruit/img/special/visual.jpg) no-repeat center top;background-size:cover;padding-bottom:80px}#special #visual{padding:100px 5% 60px;text-align:center}#special #visual h1{color:#fff;font-size:clamp(40px,4vw,50px);margin-bottom:40px;font-weight:700}#special #visual p{color:#fff;font-size:clamp(14px,1.6vw,16px);font-weight:700;max-width:600px;margin:auto;text-align:left}#special #content-slider .box{position:relative;height:auto;transform-origin:bottom;transform:scale(.8);transition:opacity .5s,transform .5s;width:100%}@media only screen and (max-width: 768px){#special #content-slider .box{transform:scale(1);padding:0 35px}}#special #content-slider .box.slick-center{opacity:1;transform:scale(1)}#special #content-slider .box img{transition:filter .3s}#special #content-slider .box:hover img{filter:brightness(1.2)}#special #content-slider .box .btn{position:absolute;right:3%;bottom:30px;width:51px;height:51px;background-color:#fff;border:1px solid #d40000;border-radius:50%}@media only screen and (max-width: 768px){#special #content-slider .box .btn{right:40px;bottom:10px}}#special #content-slider .box .btn:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:1px;background-color:#d40000}#special #content-slider .box .btn:before{content:"";display:block;position:absolute;width:8px;height:8px;border-top:1px solid #d40000;border-right:1px solid #d40000;transform:rotate(45deg);left:calc(50% + 4px);top:50%;transform:translate(-50%,-50%) rotate(45deg)}#special #content-slider .box h2{position:absolute;bottom:30px;left:30px;z-index:1}#special #content-slider .box h2:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:.85}@media only screen and (max-width: 768px){#special #content-slider .box h2{bottom:20px;left:50px}}#special #content-slider .box h2 span{position:relative;z-index:1;display:inline-block;font-size:clamp(22px,2.5vw,30px);color:#fff;font-weight:700;line-height:1;padding:15px 20px}@media only screen and (max-width: 768px){#special #content-slider .box h2 span{font-size:1.3rem}}#special .slick-arrow{display:block;position:absolute;top:0;bottom:0;margin:auto;padding:0;width:20px;height:38px;color:transparent;transition:opacity .5s;z-index:1}#special .slick-arrow:after{position:absolute;top:0;bottom:0;margin:auto;content:"";vertical-align:middle;width:26px;height:26px;border-top:1px solid #000;border-right:1px solid #000}#special .slick-next{right:22px}@media only screen and (max-width: 768px){#special .slick-next{right:13px}}#special .slick-next:after{right:4px;transform:rotate(45deg)}#special .slick-prev{left:36px}@media only screen and (max-width: 768px){#special .slick-prev{left:26px}}#special .slick-prev:after{right:4px;transform:rotate(-135deg)}#special .overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background-color:#fffffff0}#special .special-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;overflow-y:scroll}#special .special-modal .close{position:absolute;top:4%;right:0;width:90px;height:90px;transform:rotate(45deg);cursor:pointer}@media only screen and (max-width: 768px){#special .special-modal .close{width:45px;height:45px;top:20px;right:15px}}#special .special-modal .close:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:2px;background-color:#000}#special .special-modal .close:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100%;height:2px;background-color:#000}#special .special-modal .inner{position:relative;z-index:11;max-width:1000px;padding:10% 5% 3%;margin:auto}@media only screen and (max-width: 768px){#special .special-modal .inner{padding-top:70px}}#special .special-modal .inner .text{padding:0 8%;position:relative;top:-50px}@media only screen and (max-width: 768px){#special .special-modal .inner .text{padding:0 5%}}#special .special-modal .inner .text h2{margin-bottom:60px;position:relative;display:inline-block;z-index:1}#special .special-modal .inner .text h2:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:.85}@media only screen and (max-width: 768px){#special .special-modal .inner .text h2{margin-bottom:30px}}#special .special-modal .inner .text h2 span{display:inline-block;font-size:clamp(30px,3vw,38px);color:#fff;font-weight:700;line-height:1;padding:15px 20px}@media only screen and (max-width: 768px){#special .special-modal .inner .text h2 span{font-size:1.5rem}}#special .special-modal .inner .text .layout{display:flex;flex-direction:row-reverse;gap:5%}@media only screen and (max-width: 768px){#special .special-modal .inner .text .layout{display:block}}#special .special-modal .inner .text .layout .image{width:50%;max-width:469px}@media only screen and (max-width: 768px){#special .special-modal .inner .text .layout .image{width:100%;margin-bottom:20px}}#special .special-modal .inner .text .layout p{flex:1;font-size:clamp(14px,1.6vw,16px);font-weight:700}#special .box1 h2:before,#special #modal1 h2:before{background:#fad038}#special .box2 h2:before,#special #modal2 h2:before{background:#8f98e9}#special .box3 h2:before,#special #modal3 h2:before{background:#74bcf8}#special .box4 h2:before,#special #modal4 h2:before{background:#46f09f}#special .box5 h2:before,#special #modal5 h2:before{background:#fdb183}#special .box6 h2:before,#special #modal6 h2:before{background:#fda07b}#special .modal-arrow{display:none;position:absolute;top:0;bottom:0;margin:auto;padding:0;width:20px;height:38px;color:transparent;transition:opacity .5s;z-index:11000;cursor:pointer}#special .modal-arrow:after{position:absolute;top:0;bottom:0;margin:auto;content:"";vertical-align:middle;width:26px;height:26px;border-top:1px solid #000;border-right:1px solid #000}#special .modal-arrow.modal-next{right:22px}@media only screen and (max-width: 768px){#special .modal-arrow.modal-next{right:13px}}#special .modal-arrow.modal-next:after{right:14px;transform:rotate(45deg)}#special .modal-arrow.modal-prev{left:36px}@media only screen and (max-width: 768px){#special .modal-arrow.modal-prev{left:26px}}#special .modal-arrow.modal-prev:after{right:4px;transform:rotate(-135deg)}