/* https://www.pio.co.jp/new/wp-content/themes/20240325/css/employment.css?ver=6.4.2 */
#empl{font-family:'Hiragino Sans' Arial,Helvetica,sans-serif}#empl h2{color:#02274D;font-size:42px}#empl .topimg{background:url(/new/wp-content/themes/20240325/css/../images/empl-topimg.webp) no-repeat top;background-size:cover;width:100%;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:950px}#empl .topimg h1{margin-left:10%;padding:0 0 20px;font-size:50px;text-shadow:#EFEFEF 5px 10px 20px}#empl .topimg h1 span{display:block}#empl .topimg img{max-width:90%;padding:10px;max-width:930px;margin-left:9%}#empl .cta{background:#007FBA}#empl .cta .inner{background:#007FBA;min-height:220px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:600}#empl .cta button{border:none;background:transparent}#empl .cta button a{padding:20px 30px;border-radius:50px;background:#fff;text-align:center;font-size:30px;color:#074784;margin-left:30px;font-weight:600}#empl .banner .inner{margin:90px auto}#empl .banner .inner figure{text-align:center;margin-bottom:20px}#empl .banner .inner figure:last-child{margin-bottom:0}#empl .lead{padding:0 0 120px;position:relative;min-height:600px}#empl .lead figure{width:50%}#empl .lead img{width:100%}#empl .lead .lead-box{padding:20px 30px;max-width:50%;background:#eee;z-index:-1;position:absolute;right:0;top:30px;min-height:600px}#empl .lead .lead-box-text{padding:60px 30px;position:relative;max-width:60%;z-index:1;margin-left:4%}#empl .lead h2{font-size:1.3rem;color:#074784;text-align:center;white-space:nowrap}#empl .lead p{margin:20px auto 0}#empl .why{background:#007FBA;padding:65px}#empl .why .inner{padding:120px 30px;max-width:100%;background:#fff}#empl .why-box h2{margin:0 auto}#empl .why .why-box{display:flex;flex-direction:row;max-width:1200px;margin:0 auto 20px}#empl .why .why-box:nth-child(odd){flex-direction:row-reverse}#empl .why-box h3{font-size:30px;margin:0 auto;margin-bottom:30px;display:flex;align-items:center}#empl .why-box h3::before{content:"1";background:#00274D;color:#fff;border-radius:50%;padding:6px 18px;font-style:italic;margin-right:5px}#empl .why-box:nth-child(3) h3::before{content:"2"}#empl .why-box:nth-child(4) h3::before{content:"3"}#empl .why-box:nth-child(5) h3::before{content:"4"}#empl .why-box:nth-child(6) h3::before{content:"5"}#empl .why .why-box-text{width:calc(50% - 60px);padding:30px}#empl .why figure{width:50%;text-align:center}#empl .why figure img{width:90%;margin:0 auto}#empl .todo{background:#eee;padding:120px 0}#empl .todo-text{max-width:900px;margin:0 auto 60px;font-size:20px;line-height:1.8}#empl .todo-box{margin:20px auto 80px;background:#fff;border-radius:30px;padding:60px 80px;max-width:1000px}#empl .todo-box li{font-size:30px;font-weight:600;position:relative;padding-left:60px;margin-bottom:20px}#empl .todo-box li::before{content:"";width:35px;height:35px;position:absolute;left:0;top:50%;margin-top:-13px;background:url(/new/wp-content/themes/20240325/css/../images/icon-check.png) no-repeat left center;background-size:contain}#empl .col2{display:flex;flex-wrap:wrap;justify-content:space-between}#empl .menu-box{margin:20px auto;background:#F6FBFB;border-radius:30px;padding:60px;width:calc(48% - 120px)}#empl .menu-box h3{font-size:30px;color:#00274D;text-align:center;margin-bottom:20px}#empl .menu-box h3 span{font-size:.8rem;display:block}#empl .menu-box p{margin-bottom:20px}#empl .menu-box h3::after{content:"";background-size:contain;height:125px;display:block;margin:10px}#empl .menu-box:first-child h3::after{background:url(/new/wp-content/themes/20240325/css/../images/icon-document-check.gif) no-repeat center;background-size:contain}#empl .menu-box:nth-child(2) h3::after{background:url(/new/wp-content/themes/20240325/css/../images/icon-document-search.gif) no-repeat center;background-size:contain}#empl .menu-box:nth-child(3) h3::after{background:url(/new/wp-content/themes/20240325/css/../images/icon-group.gif) no-repeat center;background-size:contain;margin:20px}#empl .menu-box:nth-child(4) h3::after{background:url(/new/wp-content/themes/20240325/css/../images/icon-drive.gif) no-repeat center;background-size:contain}#empl .menu-box .merit{background:#fff;margin:10px 0;padding:20px}#empl .menu-box .merit p{font-size:1.2rem;font-weight:700}#empl .menu-box .merit ul{padding-left:1rem;list-style:disc;margin-top:10px;font-size:.8rem;font-weight:700;color:#00274D}#price{background:#fff!important;text-align:center;padding:120px!important}#price h2{color:#1966A8}.price-box{margin:60px auto!important}#empl .case h2 span{font-size:.8rem;display:block}#empl .case h3{font-size:2rem;color:#074784;margin:30px;text-align:center}#empl .case{background:url(/new/wp-content/themes/20240325/css/../images/behavior-case-bg.gif) repeat #EFEFEF;padding:60px 0}#empl .case h2{font-size:40px;text-align:center;padding:30px 0 60px;color:#074784}#empl .case .text{max-width:850px;margin:0 auto}#empl .case .case-box h4{font-size:30px;padding:0 0 20px;position:relative;font-weight:500}#empl .case .case-box h4 span{font-family:"New York";font-style:italic;font-size:80px;color:#4BAFE2;position:absolute;left:-50px;top:-120px;font-weight:600}#empl .case .case-box{background:#fff;padding:40px 60px;margin:0 auto 50px;display:flex;flex-direction:column;max-width:1200px;position:relative;line-height:1.8}#empl .case .case-box p{margin-bottom:20px}#empl .case h3.green{color:#19A89E!important}#empl .case .case-box.green h4 span{color:#19A89E}#empl #sample{background:url(/new/wp-content/themes/20240325/css/../images/behavior-sample-bg.jpg) no-repeat center}@media screen and (max-width:1440px){#empl .lead .lead-box-text{max-width:80%}#empl .lead{min-height:400px;padding:0 0 120px}#empl .lead .lead-box-text{padding:20px 30px}#empl .lead{padding:0 0 80px}}@media screen and (max-width:1200px){#empl .lead .lead-box-text{max-width:100%}#empl .topimg h1{margin-left:5%}#empl .topimg img{max-width:90%;margin-left:5%}#empl .cta .inner{flex-direction:column}#empl .cta button{margin-top:20px}#empl .banner{margin:0 20px}#empl .inner{padding:0 20px}}@media screen and (max-width:1000px){#empl .lead{min-height:400px;padding:0}#empl .lead figure{width:100%}#empl .lead .lead-box{position:relative;max-width:100%;top:0}#empl .topimg{min-height:860px;background:url(/new/wp-content/themes/20240325/css/../images/empl-topimg-sp.webp) no-repeat top right 25%;background-size:cover;max-height:100vh}#empl .lead h2{white-space:normal;line-height:1.5;font-size:1.5rem}#empl .lead .lead-box{min-height:400px}#empl .topimg h1{padding:30px;background:rgba(255,255,255,.6);max-width:70%;line-height:1.5;font-size:2rem;position:absolute;bottom:25%;left:2%;color:#000}#empl .topimg p{position:absolute;bottom:10%;left:2%;max-width:70%}#empl .todo-box li span{display:block}.price-box dl dt,.price-box dl dd{font-size:25px}#empl h2{font-size:30px}#price{padding:80px 60px!important}#empl .why .why-box,#empl .why .why-box:nth-child(odd){flex-direction:column}#empl .why figure,#empl .why figure img{width:100%}#empl .why .why-box-text{width:100%;padding:30px 0}#empl .why figure{margin-top:20px}}@media screen and (max-width:799px){#empl .topimg p{max-width:90%}#empl .cta .inner{min-height:0;padding:30px 0}#empl .cta p{font-size:24px}#empl .banner .inner{margin:30px auto}#empl .cta button a{margin-left:0;font-size:24px;display:block}#empl .why{padding:50px}#empl .why .inner{padding:80px 30px}#empl .why-box h3{font-size:20px}#empl .why-box h3::before{padding:10px 18px}#empl h2{font-size:30px}#empl .reason .inner{padding:0}#empl .reason h2{font-size:20px}#empl .reason p{padding:30px;line-height:1.5;font-size:30px}#empl .reason ul{margin:30px auto}#empl .reason::after{margin-top:-320px}#empl .todo{padding:80px 0}#empl .todo-box{margin:20px auto 40px;padding:60px}#empl .todo-box li{padding-left:30px}#empl .todo .inner h2{font-size:30px;margin-bottom:20px}#empl .todo li{font-size:20px;font-weight:600}#empl .todo li::before{width:25px;height:25px}.top-ttl01{margin-bottom:30px}#empl .col2{flex-direction:column}#empl .menu-box{width:calc(100% - 120px)}#empl .menu-box p{margin-bottom:0}#price{padding:60px 20px 40px!important}#empl .price-box{flex-direction:column}#empl .price-box dl{width:100%}#empl .case .inner h2{font-size:30px;margin-bottom:40px;line-height:1.5;padding:0}#empl .case .case-box h4{font-size:20px;padding:20px 0;line-height:1.3;font-weight:600}#empl .case .case-box h4 span{top:-80px;left:-40px}#empl .case-box{width:calc(100% - 60px)}#empl .case-box::before{width:100px;height:90px;top:-20px}#empl .case .inner h3{line-height:1.3;font-size:20px}#empl .case .inner h3 span{font-size:20px;padding:3px 20px;display:block;width:fit-content;margin-bottom:10px}#empl .case .case-box{padding:20px}#empl .case .case-box::after{top:15px}#empl .case .case-box .case-box-bio{margin:20px 0}}@media screen and (max-width:630px){#empl .topimg h1{font-size:1.5rem}#empl .lead .lead-box{padding:30px 20px}#empl .lead .lead-box-text{margin-left:0;padding:0}#empl .cta button a{padding:15px 30px}#empl .why{padding:20px}#empl .why .inner{padding:60px 20px}#empl h2{font-size:26px}#empl .reason p{font-size:24px;line-height:1.3;margin-top:20px}#empl .reason{padding:20px 0}#empl .reason::after{height:320px}#empl .reason p::before{left:10px;background-size:40px}#empl .reason p::after{right:10px;background-size:40px}#empl .todo-text{margin:0 20px 30px;font-size:16px}#empl .todo-box{padding:40px}#empl .menu-box{padding:30px;width:calc(100% - 60px)}#empl .menu-box h3::after{height:80px}#empl .menu-box h3{font-size:24px}}@media screen and (max-width:470px){#empl .topimg{min-height:650px}#empl .topimg h1{font-size:1.2rem}#empl .cta p{font-size:20px}#empl .cta button a{font-size:16px}#empl .why .why-box-text{padding:20px 0 10px}#empl #price .inner{padding:0}#empl #price .price-box{margin:30px auto!important}#empl .reason li{font-size:16px}#empl .reason .inner{margin-bottom:220px}#empl .reason::after{margin-top:-350px}#empl .reason .reason-box{padding:20px 20px 50px;margin-top:30px}#empl .todo li{font-size:14px}#empl .reason h2,#empl .case .inner h3{font-size:16px}#empl .lead h2{font-size:24px}#empl .case .case-box{width:calc(100% - 40px)}#empl .todo .inner h2{font-size:24px;margin:20px auto}#empl .todo{padding:40px 0}#empl .todo-box{padding:40px 20px}#empl .why h2.top-ttl01,#empl .todo h3.top-ttl01{margin-bottom:30px}#empl .case .inner h2{font-size:24px}#empl .card-box h3{font-size:20px}#empl .case .case-box h4 span{top:-60px;font-size:60px}}@media screen and (max-width:390px){#empl .lead h2{font-size:19px}#empl .reason li,#empl .case .case-box dd,#empl .card-box p{font-size:12px}#empl .reason p,#empl .todo .inner h2{font-size:20px}}