@charset "UTF-8";
@media screen and (min-width: 768px),print {

    #contentsmain {margin: 0 auto;position: relative;background: url('../images/recruit/contentsmain-back01.png')no-repeat top center;padding-bottom: 149px;}
    #contentsmain .inner-Box {margin: 0 auto 218px;position: relative;max-width: 1420px;padding-top: 118px;}
    #contentsmain .inner-Box ul.mainslde { position: absolute; top: 40px; right: 0; width: 900px; height: 590px; }
    
.mainslde .slick-dots {position: absolute;bottom: -34px;display: block;width: auto;padding: 0;list-style: none;text-align: right;margin-left: 676px;}
.mainslde .slick-dots li {position: relative;display: inline-block;width: 5px!important;height: 5px!important;margin: 0 7px!important;padding: 0;cursor: pointer;}
.mainslde .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 5px;height: 5px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #ffff;}
.mainslde .slick-dots li button:hover, .mainslde .slick-dots li button:focus { outline: none; }
.mainslde .slick-dots li button:hover:before, .mainslde .slick-dots li button:focus:before { opacity: 1; }
.mainslde .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mainslde .slick-dots li.slick-active button { background: #C4791F; }
    
    #contentsmain .inner-Box ul li { position: relative; }
    #contentsmain .inner-Box figure.photo {}
    #contentsmain .inner-Box figure.photo img{  }
    #contentsmain .inBox {margin: 0 auto 0 110px;position: relative;width: 450px;height: 480px;box-shadow: 0px 3px 6px #00000029;background: #fff;}
    #contentsmain .inBox h2 {font-size: 72px;line-height: 1.71;font-weight: 400;letter-spacing: 0px;margin-bottom: -53px;position: relative;color: #C4791F;text-align: center;top: -55px;left: -8px;}
    #contentsmain .inBox h3 {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 10px;position: relative;color: #C4791F;margin-left: 50px;}
    #contentsmain .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;margin-left: 50px;}
    #contentsmain .inner-Box2 {margin: 0 auto 216px;position: relative;width: 1100px;background: #fff;height: 250px;padding: 84px 0 0 241px;}
    #contentsmain .inner-Box2 h3 {left: 0;font-size: 90px;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0px;position: absolute;color: #fff;top: -102px;}
    #contentsmain .inner-Box2 figure.img {position: absolute;top: -66px;right: -160px;}
    #contentsmain .inner-Box2 figure.img img{  }
    #contentsmain .inner-Box2 h4 {position: absolute;top: 50px;left: 60px;}
    #contentsmain .inner-Box2 h4 span{  }
    #contentsmain .inner-Box2 h4 img {  }
    #contentsmain .inner-Box2 p.itext {font-size: 26px;line-height: 1.77;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 30px;position: relative;}

    #contentsmain .inner-Box3 {margin: 0 auto 170px;position: relative;width: 1100px;background: #fff;height: 266px;padding: 38px 0 0 718px;left: 90px;}
    #contentsmain .inner-Box3 h3 {right: 0;font-size: 90px;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0px;position: absolute;color: #fff;top: -102px;}
    #contentsmain .inner-Box3 figure.img {position: absolute;top: -66px;left: -90px;}
    #contentsmain .inner-Box3 figure.img img{  }
    #contentsmain .inner-Box3 h4 {position: absolute;top: 50px;left: 536px;}
    #contentsmain .inner-Box3 h4 span{  }
    #contentsmain .inner-Box3 h4 img {  }
    #contentsmain .inner-Box3 p.itext {font-size: 26px;line-height: 1.77;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 30px;position: relative;}

    #contentsmain .inner-Box4 {margin: 0 auto;position: relative;width: 1100px;background: #fff;height: 250px;padding: 62px 0 0 241px;}
    #contentsmain .inner-Box4 h3 {left: 0;font-size: 90px;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0px;position: absolute;color: #fff;top: -102px;z-index: 3;}
    #contentsmain .inner-Box4 figure.img {position: absolute;top: -66px;right: -160px;}
    #contentsmain .inner-Box4 figure.img img{  }
    #contentsmain .inner-Box4 h4 {position: absolute;top: 50px;left: 60px;}
    #contentsmain .inner-Box4 h4 span{  }
    #contentsmain .inner-Box4 h4 img {  }
    #contentsmain .inner-Box4 p.itext {font-size: 26px;line-height: 1.77;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 30px;position: relative;}

    .syscontents{ }
    .syscontents h2{text-align: center;margin-bottom: 70px;}
    .syscontents .systext0{font-size: 14px;letter-spacing: 0.7px;margin-bottom: 6px;}
    .syscontents .systext{font-size: 16px;border-bottom: 1px solid #D3D3D3;letter-spacing: 0.8px;padding-bottom: 15px;margin-bottom: 20px;}
    .syscontents .systext2{text-align: left;position: relative;font-size: 13px;letter-spacing: 0.65px;padding: 0 0 0 57px;}
    .syscontents .systext2 span{text-align: left;font-size: 13px;letter-spacing: 0.65px;position: absolute;top: 0;left: 0;color: #808080;}
}

@media screen and (max-width: 767px) {

    #contentsmain {position: relative;background: url('../images/recruit/sp-contentsmain-back01.png')no-repeat top 70vw center;padding-bottom: 5.99vw;background-size: 100% auto;margin-bottom: 6vw;}
    #contentsmain .inner-Box {margin: 0 auto 18.76vw;position: relative;padding-top: 7.1vw;}
    #contentsmain .inner-Box ul.mainslde {position: relative;}
    
    .mainslde .slick-dots {position: absolute;bottom: -3vw;display: block;width: auto;padding: 0;list-style: none;text-align: right;margin-left: 43.1vw;}
    .mainslde .slick-dots li {position: relative;display: inline-block;width: 1.21vw!important;height: 1.21vw!important;margin: 0 1.69vw!important;padding: 0;cursor: pointer;}
    .mainslde .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 1.21vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D3D3D3;}
    .mainslde .slick-dots li button:hover, .mainslde .slick-dots li button:focus { outline: none; }
    .mainslde .slick-dots li button:hover:before, .mainslde .slick-dots li button:focus:before { opacity: 1; }
    .mainslde .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .mainslde .slick-dots li.slick-active button { background: #C4791F; }
    
    #contentsmain .inner-Box ul li { position: relative; }
    #contentsmain .inner-Box figure.photo {}
    #contentsmain .inner-Box figure.photo img{  }
    #contentsmain .inBox {position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;background: #fff;margin: 15.7vw 3vw 18.7vw 3vw;padding-bottom: 2.8vw;}
    #contentsmain .inBox h2 {font-size: 8.70vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: -4.9vw;position: relative;color: #C4791F;text-align: center;top: -8vw;left: 0vw;}
    #contentsmain .inBox h3 {font-size: 5.31vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 3.22vw;position: relative;color: #C4791F;margin-left: 5.88vw;}
    #contentsmain .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin-left: 6.08vw;}
    #contentsmain .inner-Box2 {margin: 0 3vw 15.37vw;position: relative;background: #fff;padding-bottom: 1.3vw;}
    #contentsmain .inner-Box2 h3 {left: 0;font-size: 10.63vw;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0.0vw;position: absolute;color: #fff;top: -12.1vw;z-index: 3;}
    #contentsmain .inner-Box2 figure.img {position: relative;top: 0vw;right: 0vw;margin-bottom: 10.2vw;}
    #contentsmain .inner-Box2 figure.img img{  }
    #contentsmain .inner-Box2 h4 {position: absolute;top: 63.88vw;left: 4.89vw;width: 23vw;}
    #contentsmain .inner-Box2 h4 span{  }
    #contentsmain .inner-Box2 h4 img {  }
    #contentsmain .inner-Box2 p.itext {font-size: 4.59vw;line-height: 1.77;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 7.25vw;padding-left: 33vw;position: relative;}
    
    #contentsmain .inner-Box3 {margin: 0 3vw 15.37vw;position: relative;background: #fff;padding-bottom: 1.3vw;}
    #contentsmain .inner-Box3 h3 {left: 0;font-size: 10.63vw;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0.0vw;position: absolute;color: #fff;top: -12.1vw;z-index: 3;}
    #contentsmain .inner-Box3 figure.img {position: relative;top: 0vw;right: 0vw;margin-bottom: 5.6vw;}
    #contentsmain .inner-Box3 figure.img img{  }
    #contentsmain .inner-Box3 h4 {position: absolute;top: 63.88vw;left: 4.89vw;width: 23vw;}
    #contentsmain .inner-Box3 h4 span{  }
    #contentsmain .inner-Box3 h4 img {  }
    #contentsmain .inner-Box3 p.itext {font-size: 4.59vw;line-height: 1.77;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 7.25vw;padding-left: 33vw;position: relative;}

    #contentsmain .inner-Box4 {margin: 0 3vw 15.37vw;position: relative;background: #fff;padding-bottom: 1.3vw;}
    #contentsmain .inner-Box4 h3 {left: 0;font-size: 10.63vw;line-height: 1.71;font-weight: 400;letter-spacing: 0;margin-bottom: 0.0vw;position: absolute;color: #fff;top: -12.1vw;z-index: 3;}
    #contentsmain .inner-Box4 figure.img {position: relative;top: 0vw;right: 0vw;margin-bottom: 4.3vw;}
    #contentsmain .inner-Box4 figure.img img{  }
    #contentsmain .inner-Box4 h4 {position: absolute;top: 63.88vw;left: 4.89vw;width: 23vw;}
    #contentsmain .inner-Box4 h4 span{  }
    #contentsmain .inner-Box4 h4 img {  }
    #contentsmain .inner-Box4 p.itext {font-size: 4.59vw;line-height: 1.77;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 7.25vw;padding-left: 33vw;position: relative;}



    .syscontents{ }
    .syscontents h2{text-align: center;margin: 0 6vw 10.91vw;}
    .syscontents .systext0{font-size: 3.38vw;letter-spacing: 0.17vw;margin-bottom: 1.45vw;}
    .syscontents .systext{font-size: 3.86vw;border-bottom: 0.24vw solid #D3D3D3;letter-spacing: 0.19vw;padding-bottom: 3.62vw;margin-bottom: 4.83vw;}
    .syscontents .systext2{text-align: left;position: relative;font-size: 3.14vw;letter-spacing: 0.16vw;padding: 0 0 0 13.77vw;}
    .syscontents .systext2 span{text-align: left;font-size: 3.14vw;letter-spacing: 0.16vw;position: absolute;top: 0;left: 0;color: #808080;}
    


    
}