@charset "UTF-8";

@media screen and (min-width:768px){
.seo_bread_list {position: relative; z-index: 1;}
.seo_bread_list a{position: relative; z-index: 1;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: -110px auto 165px; background: url(../images/shinsotsu-recruit/con1-bg.png) no-repeat top center; padding: 160px 0 370px;;}
#con1 .bx .inner{width: 1200px; margin: 0 auto; position: relative; background: #fff; padding: 95px 106px 40px; border-radius: 20px;}
#con1 .bx .inner .in-bx{}
#con1 .bx .inner .in-bx .ttl1{font-size: 61px; font-weight: 900; color: #29559A; letter-spacing: 3px; line-height: 1.68; position: relative; margin-bottom: 55px;}
#con1 .bx .inner .in-bx .ttl1 .ss1{position: relative;}
#con1 .bx .inner .in-bx .ttl1 .ss1::after{content: ""; width: 244px; height: 7px; background: #FCEE21; position: absolute; left: 5px; right: 0; bottom: 1px;}
#con1 .bx .inner .in-bx .ttl1 .ss2{position: relative;}
#con1 .bx .inner .in-bx .ttl1 .ss2::after{content: ""; width: 471px; height: 7px; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 3px;}
#con1 .bx .inner .in-bx .icon1{text-align: center; padding-left: 50px;}
#con1 .bx .inner .in-bx .icon2{position: absolute; right: 18px; top: -117px;}

#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: -165px auto 0; background: url(../images/shinsotsu-recruit/con2-bg.png) no-repeat top center; padding: 100px 0 110px;;}
#con2 .bx .inner{width: 1280px; margin: -405px auto 0; }
#con2 .bx .inner .ttl1{width: 1100px; margin: 0 auto -47px; font-size: 40px; font-weight: 900; color: #fff; text-align: center; letter-spacing: 2px; line-height: 1.68; position: relative; background: #29559A; padding: 14px 0;}
#con2 .bx .inner .ttl1 .ss1{}
#con2 .bx .inner .ttl1 .ss2{color: #FCEE21;}
#con2 .bx .inner .ttl1 .ss3{}
#con2 .bx .inner .img1{text-align: center; margin-bottom: 43px;}
#con2 .bx .inner .txt1{font-size: 16px; font-weight: bold; text-align: center; line-height: 2; letter-spacing: 0.8px; margin-bottom: 77px;}

#con2 .bx .inner .sub-bx{width: 915px; margin: 0 auto 130px; border-radius: 10px; padding: 27px 50px 43px; background: #fff; position: relative;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .sub-bx::after{content: ""; width: 29px; height: 46px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con2-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -30px;}
#con2 .bx .inner .sub-bx .icon1{position: absolute; right: 91px; top: -82px;}
#con2 .bx .inner .sub-bx .ttl2{font-size: 43px; font-weight: 900; color: #29559A; text-align: center; letter-spacing: 3px; line-height: 1.55; position: relative; }
#con2 .bx .inner .sub-bx .ttl2 .ss1{position: relative; z-index: 1;}
#con2 .bx .inner .sub-bx .ttl2 .ss1::after{content: ""; width: 421px; height: 11px; background: #FCEE21; position: absolute; left: 5px; right: 0; bottom: 1px; z-index: -1;}
#con2 .bx .inner .sub-bx .ttl2 .ss2{position: relative; z-index: 1;}
#con2 .bx .inner .sub-bx .ttl2 .ss2::after{content: ""; width: 324px; height: 11px; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 3px; z-index: -1;}

#con2 .bx .in-bx{width: 100%; max-width: 1600px; margin: 0 auto; background: #fff; padding: 80px 0; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .in-bx .in-inner{width: 1100px; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .ttl3{text-align: center; margin-top: -163px; margin-bottom: 140px;}

#con2 .bx .in-bx .in-inner .in-bx1 {margin-bottom: 127px;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx{width: 550px; margin-right: auto; position: relative;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .num{position: absolute; right: 7px; top: -32px;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .in-ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.4px; line-height: 1.6; color: #29559A; margin-bottom: 20px;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .in-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 1.6px; line-height: 2.05;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .img2{margin-top: 3px;}

#con2 .bx .in-bx .in-inner .in-bx2 {margin-bottom: 127px;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx{width: 550px; margin-right: auto; position: relative;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .num{position: absolute; right: 2px; top: -32px;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .in-ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.4px; line-height: 1.6; color: #29559A; margin-bottom: 20px;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .in-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 1.6px; line-height: 2.05;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .img3{margin-top: 3px;}

#con2 .bx .in-bx .in-inner .in-bx3 {margin-bottom: 30px;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx{width: 550px; margin-right: auto; position: relative;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .num{position: absolute; right: 2px; top: -32px;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .in-ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.4px; line-height: 1.6; color: #29559A; margin-bottom: 20px;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .in-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 1.6px; line-height: 2.05;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .img4{margin-top: 3px;}


#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con3-bb-bg.png) no-repeat bottom center #DCE6E6; padding: 107px 0;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 49px; font-weight: bold; color: #1A1A1A; letter-spacing: 3.2px; line-height: 1.55; position: relative; width: 628px; margin: 0 auto 60px;}
#con3 .bx .inner .ttl1 .ss1{position: relative; z-index: 1;}
#con3 .bx .inner .ttl1 .ss1::after{content: ""; width: 363px; height: 14px; background: #FCEE21; position: absolute; left: 5px; right: 0; bottom: 1px; z-index: -1;}
#con3 .bx .inner .ttl1 .ss2{position: relative; z-index: 1;}
#con3 .bx .inner .ttl1 .ss2::after{content: ""; width: 363px; height: 14px; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 3px; z-index: -1;}
#con3 .bx .inner .icon1{position: absolute; right: 59px; top: -36px;}
#con3 .bx .inner .list{margin-bottom: 84px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con3 .bx .inner .list li{width: 520px; margin-right: 60px; margin-bottom: 60px; padding-bottom: 35px; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con3 .bx .inner .list li:nth-child(2n){margin-right: 0; }
#con3 .bx .inner .list li:nth-child(n+3){margin-bottom: 0;}

#con3 .bx .inner .list li .in-bx{margin-bottom: 10px; position: relative; padding: 40px 50px;}
#con3 .bx .inner .list li .in-bx .in-ttl1{border-top: 10px solid #29559A;font-size: 28px; font-weight: bold; color: #29559A; letter-spacing: 1px; line-height: 2;text-align: center;}
#con3 .bx .inner .list li .in-bx .in-img1{text-align: center; border-bottom: 10px solid #29559A; position: relative; margin-bottom: 38px;}
#con3 .bx .inner .list li .in-bx .in-img1::after{content: ""; width: 38px; height: 33px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con3-bx-huki.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -40px;}
#con3 .bx .inner .list li .in-inner {background: #29559A; padding: 24px 0 34px; position: relative;}
#con3 .bx .inner .list li .in-inner .in-change{text-align: center; margin-top: -55px; margin-bottom: 34px;}
#con3 .bx .inner .list li .in-inner .in-icon{position: absolute; left: 5px; top: -50px; }
#con3 .bx .inner .list li .in-inner .in-txt{font-size: 22px; font-weight: bold; color: #FCEE21; text-align: center; letter-spacing: 1px; line-height: 1.6;}

#con3 .bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; text-align: center;}


#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #BCDADA; padding: 145px 0 63px;}
#con4 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con4 .bx .inner .icon{position: absolute;  right: 217px;  top: -215px;}
#con4 .bx .inner .ttl1{font-size: 56px; font-weight: 900; color: #29559A; text-align: center; letter-spacing: 3px; line-height: 1.68; position: relative; margin-bottom: 66px; padding-right: 48px;}
#con4 .bx .inner .ttl1 .ss1{position: relative; z-index: 1;}
#con4 .bx .inner .ttl1 .ss1::after{content: ""; width: 311px; height: 11px; background: #FCEE21; position: absolute; left: -5px; right: 0; bottom: 1px; z-index: -1;}
#con4 .bx .inner .ttl1 .ss2{position: relative; z-index: 1;}
#con4 .bx .inner .ttl1 .ss2::after{content: ""; width: 483px; height: 11px; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 3px; z-index: -1;}

#con4 .bx .inner .in-bx1{width: 1200px; margin: 0 auto 84px; background: #FFFFFF; padding: 76px 0 53px; border-radius: 18px; position: relative;  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .in-bx1::after{content: ""; width: 74px; height: 64px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con4-bx-huki.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -40px;}
#con4 .bx .inner .in-bx1 .ttl2{text-align: center; margin-bottom: 43px;}
#con4 .bx .inner .in-bx1 .ttl3{font-size: 28px; font-weight: bold; color: #29559A; letter-spacing: 3px; line-height: 1.55; text-align: center; margin-bottom: 20px;}
#con4 .bx .inner .in-bx1 .txt{font-size: 16px; font-weight: bold; color: #1A1A1A; letter-spacing: 0.8px; line-height: 2.1; text-align: center; margin-bottom: 14px;}
#con4 .bx .inner .in-bx1 .img1{text-align: center;}

#con4 .bx .inner .sub-bx1{width: 1100px; margin: 0 auto 60px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx1 .sub-num{position: absolute; left: 41px; top: -30px; z-index: 1;}
#con4 .bx .inner .sub-bx1 .sub-ttl{font-size: 46px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 2px; padding: 12px 0; width: 1100px; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx1 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx1 .sub-inner{width: 1100px; margin: 0 auto; background: #fff; padding: 41px 85px 18px; position: relative;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1{width: 635px; margin-right: auto;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-ttl1{font-size: 32px; font-weight: bold; color: #29559A; letter-spacing: 3.2px; margin-bottom: 15px;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 0.8px; line-height: 2.05; margin-bottom: 26px; padding-right: 20px;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-pri{ position: absolute; right: 45px; top: 95px;}

#con4 .bx .inner .sub-bx2{width: 1100px; margin: 0 auto 60px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx2 .sub-num{position: absolute; left: 41px; top: -30px; z-index: 1;}
#con4 .bx .inner .sub-bx2 .sub-ttl{font-size: 46px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 2px; padding: 12px 0; width: 1100px; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx2 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx2 .sub-inner{width: 1100px; margin: 0 auto; background: #fff; padding: 41px 85px 50px; position: relative;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1{width: 781px; margin-right: auto;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-ttl1{font-size: 32px; font-weight: bold; color: #29559A; letter-spacing: 3.2px; margin-bottom: 13px;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 0.8px; line-height: 2.05; margin-bottom: 26px; padding-right: 160px;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-pri{ position: absolute; right: 45px; top: 95px;}

#con4 .bx .inner .sub-bx3{width: 1100px; margin: 0 auto 90px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx3 .sub-num{position: absolute; left: 41px; top: -30px; z-index: 1;}
#con4 .bx .inner .sub-bx3 .sub-ttl{font-size: 46px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 2px; padding: 12px 0; width: 1100px; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx3 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx3 .sub-inner{width: 1100px; margin: 0 auto; background: #fff; padding: 41px 85px 50px; position: relative;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1{width: 635px; margin-right: auto;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-ttl1{font-size: 32px; font-weight: bold; color: #29559A; letter-spacing: 3.3px; margin-bottom: 13px;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-txt{font-size: 16px; color: #1A1A1A; letter-spacing: 0.8px; line-height: 2.05; margin-bottom: 26px; padding-right: 20px;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-pri{ position: absolute; right: 45px; top: 95px;}

#con4 .bx .last-icon{text-align: center;}


#con5 {}
#con5 .bx1{width: 100%; max-width: 1920px; margin: 0 auto; background: #F5F3F2;}
#con5 .bx1 .ttl1{font-size: 40px; font-weight: bold; color: #fff; letter-spacing: 4px; text-align: center; background: #29559A; padding: 10px 0; position: relative; }
#con5 .bx1 .inner{width: 1100px; margin: 0 auto; position: relative; padding: 62px 0 130px;}
#con5 .bx1 .inner::before{content: ""; width: 165px; height: 200px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con05-icon01.png) no-repeat top center; position: absolute; left: 0; top: -170px; z-index: 1;}
#con5 .bx1 .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; width: 876px; margin: 0 auto 26px; }
#con5 .bx1 .inner .img1{text-align: center; margin-bottom: 73px;}
#con5 .bx1 .inner .txt1{font-size: 32px; font-weight: bold; color: #29559A; letter-spacing: 3px; line-height: 1.68; text-align: center;}

#con5 .bx2{width: 100%; max-width: 1920px; margin: 0 auto 70px; background: #F5F3F2; padding-bottom: 5px;}
#con5 .bx2 .ttl1{font-size: 40px; font-weight: bold; color: #fff; letter-spacing: 4px; text-align: center; background: #29559A; padding: 10px 0; position: relative; }
#con5 .bx2 .inner{width: 1280px; margin: 0 auto; position: relative; padding: 73px 0;}
#con5 .bx2 .inner::before{content: ""; width: 140px; height: 189px; margin: 0 auto; background: url(../images/shinsotsu-recruit/con05-icon02.png) no-repeat top center; position: absolute; left: 93px; top: -147px; z-index: 1;}
#con5 .bx2 .inner .flex-bx{margin-bottom: 91px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#con5 .bx2 .inner .flex-bx .l-bx{width: 500px; margin-right: auto; margin-left: 90px;}
#con5 .bx2 .inner .flex-bx .l-bx .l-ttl{font-size: 32px; font-weight: bold; color: #29559A; letter-spacing: 3px; line-height: 1.65; margin-bottom: 18px;}
#con5 .bx2 .inner .flex-bx .l-bx .l-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; }
#con5 .bx2 .inner .flex-bx .r-bx{}
#con5 .bx2 .inner .img2{margin-top: 7px; margin-right: 90px;}
#con5 .bx2 .img3{text-align: center; margin-bottom: -118px;}

#con5 .bx2 .last-bx{width: 748px; margin: 0 auto 84px; background: #29559A; position: relative; padding: 62px 0 38px;}
#con5 .bx2 .last-bx .last-ttl{font-size: 36px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 3.5px; line-height: 1.6; margin-bottom: 16px;}
#con5 .bx2 .last-bx .last-ttl span{color: #FFEF00;}
#con5 .bx2 .last-bx .last-txt{font-size: 16px; letter-spacing: 1.5px; line-height: 1.88; color: #fff; text-align: center;}
#con5 .bx2 .link{text-align: center;}


}



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

.seo_bread_list {position: relative; z-index: 1;}
.seo_bread_list a{position: relative; z-index: 1;}

#con1 {}
#con1 .bx{width: 100%; margin: -13vw auto 15vw; background: url(../images/shinsotsu-recruit/sp-con1-bg.png) no-repeat top center; padding: 15vw 0 76vw; background-size: cover;}
#con1 .bx .inner{width: 90%; margin: 0 auto; position: relative; background: #fff; padding: 10vw 5vw 23vw 6vw; border-radius: 5vw;}
#con1 .bx .inner .in-bx{}
#con1 .bx .inner .in-bx .ttl1{font-size: 7.3vw; font-weight: 900; color: #29559A; letter-spacing: 0.6vw; line-height: 1.68; position: relative; margin-bottom: 7vw;}
#con1 .bx .inner .in-bx .ttl1 .ss1{position: relative;}
#con1 .bx .inner .in-bx .ttl1 .ss1::after{content: ""; width: 31vw; height: 1vw; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .in-bx .ttl1 .ss2{position: relative;}
#con1 .bx .inner .in-bx .ttl1 .ss2::after{content: ""; width: 60vw; height: 1vw; background: #FCEE21; position: absolute; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .in-bx .icon1{width: 93%; margin: 0 auto ;}
#con1 .bx .inner .in-bx .icon2{ width: 43%; margin: 0 auto; position: absolute; left: 9vw; right: 0; bottom: -23vw;}

#con2 {}
#con2 .bx{width: 100%; margin: -10vw auto 0; background: url(../images/shinsotsu-recruit/sp-con2-bg.png) no-repeat top center; padding: 10vw 0 11vw; background-size: cover;}
#con2 .bx .inner{width: 100%; margin: -67vw auto 0; }
#con2 .bx .inner .ttl1{}
#con2 .bx .inner .ttl1 .ss1{display: block; width: 50%; margin: 0 auto -4vw 5vw; font-size: 6vw; font-weight: 900; color: #fff; text-align: left; letter-spacing: -0.2vw; line-height: 1.68; position: relative; background: #29559A; padding: 1vw 0vw 1.5vw 3vw;}
#con2 .bx .inner .ttl1 .ss2{color: #FCEE21;}
#con2 .bx .inner .ttl1 .ss3{display: block;  width: 90%;  margin: 0 auto 5vw 5vw;  font-size: 6vw;  font-weight: 900;  color: #fff;  text-align: left;  letter-spacing: -0.2vw;  line-height: 1.68;  position: relative;  background: #29559A;  padding: 1vw 0vw 1.5vw 2vw;}
#con2 .bx .inner .img1{width: 91%; text-align: center; margin: 0 auto 6vw;}
#con2 .bx .inner .txt1{font-size: 3.85vw; font-weight: bold; text-align: left; line-height: 2; letter-spacing: 0.2vw; margin-bottom: 7vw; padding: 0 5.5vw;}

#con2 .bx .inner .sub-bx{width: 78%; margin: 0 auto 23vw; border-radius: 2vw; padding: 6vw 5vw 6vw 6vw; background: #fff; position: relative; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);}
#con2 .bx .inner .sub-bx::after{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/shinsotsu-recruit/sp-con2-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -6vw;}
#con2 .bx .inner .sub-bx .icon1 { position: absolute;  right: 1vw;  top: -9vw;  width: 14%;}
#con2 .bx .inner .sub-bx .ttl2{font-size: 5.6vw; font-weight: 900; color: #29559A; text-align: center; letter-spacing: 0.6vw; line-height: 1.7; position: relative;}
#con2 .bx .inner .sub-bx .ttl2 .ss1{position: relative; z-index: 1;}
#con2 .bx .inner .sub-bx .ttl2 .ss1::after{content: "";  width: 95%;  height: 1.5vw;  background: #FCEE21;  position: absolute;  left: 1vw;  right: 0;  bottom: -1vw;  z-index: -1;}
#con2 .bx .inner .sub-bx .ttl2 .ss2{position: relative; z-index: 1;}
#con2 .bx .inner .sub-bx .ttl2 .ss2::after{content: "";  width: 94%;  height: 1.5vw;  background: #FCEE21;  position: absolute;  left: 1vw;  right: 0;  bottom: -1vw;  z-index: -1;}

#con2 .bx .in-bx{width: 100%; margin: 0 auto; background: #fff; padding: 9vw 0; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .ttl3{width: 73%; margin: -20vw auto 6vw; text-align: center; }

#con2 .bx .in-bx .in-inner .in-bx1 {margin-bottom: 18vw;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx{width: 92%; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx{}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .num{width: 20%; margin: 0 auto 2vw;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .in-ttl1{font-size: 5.7vw; font-weight: bold; letter-spacing: 0.9vw; line-height: 1.7; color: #29559A; margin-bottom: 5vw; text-align: center; padding-left: 1vw;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .l-bx .in-txt{font-size: 3.85vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.1; margin-bottom: 7vw;}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx1 .flex-bx .img2{margin-bottom: 3vw;}

#con2 .bx .in-bx .in-inner .in-bx2 {margin-bottom: 18vw;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx{width: 92%; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx{}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .num{width: 20%; margin: 0 auto 2vw;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .in-ttl1{font-size: 5.7vw; font-weight: bold; letter-spacing: 0.9vw; line-height: 1.7; color: #29559A; margin-bottom: 5vw; text-align: center; padding-left: 1vw;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .l-bx .in-txt{font-size: 3.85vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.1; margin-bottom: 7vw;}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx2 .flex-bx .img3{margin-bottom: 3vw;}

#con2 .bx .in-bx .in-inner .in-bx3 {margin-bottom: 18vw;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx{width: 92%; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx{}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .num{width: 20%; margin: 0 auto 2vw;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .in-ttl1{font-size: 5.7vw; font-weight: bold; letter-spacing: 0.9vw; line-height: 1.7; color: #29559A; margin-bottom: 5vw; text-align: center; padding-left: 1vw;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .l-bx .in-txt{font-size: 3.85vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.1; margin-bottom: 7vw;}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .r-bx{}
#con2 .bx .in-bx .in-inner .in-bx3 .flex-bx .img4{margin-bottom: 3vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/shinsotsu-recruit/sp-con3-bb-bg.png) no-repeat bottom center #DCE6E6; padding: 17vw 0 36vw;}
#con3 .bx .inner{width: 94%; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 7vw; font-weight: 900; color: #1A1A1A; letter-spacing: 0.7vw; line-height: 1.7; position: relative; padding-left: 1vw; margin-bottom: 8vw;}
#con3 .bx .inner .ttl1 .ss1{position: relative; z-index: 1;}
#con3 .bx .inner .ttl1 .ss1::after{content: ""; width: 100%; height: 2vw; background: #FCEE21; position: absolute; left: 1vw; right: 0; bottom: 0vw; z-index: -1;}
#con3 .bx .inner .ttl1 .ss2{position: relative; z-index: 1;}
#con3 .bx .inner .ttl1 .ss2::after{content: ""; width: 100%; height: 2vw; background: #FCEE21; position: absolute; left: 1vw; right: 0; bottom: 0vw; z-index: -1;}


#con3 .bx .inner .icon1{ position: absolute;  right: 1vw;  top: -23vw;  width: 35%;}
#con3 .bx .inner .list{margin-bottom: 11vw; }
#con3 .bx .inner .list li{width: 100%; margin: 0 auto 10vw; padding-bottom: 8vw; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con3 .bx .inner .list li:last-child{margin-bottom: 0;}

#con3 .bx .inner .list li .in-bx{margin-bottom: 7vw; position: relative; padding: 7vw 6vw;}
#con3 .bx .inner .list li .in-bx .in-ttl1{border-top: 10px solid #29559A;font-size: 6.3vw; font-weight: bold; color: #29559A; letter-spacing: 0.8vw; line-height: 2.2;text-align: center;}
#con3 .bx .inner .list li .in-bx .in-img1{text-align: center; border-bottom: 10px solid #29559A; position: relative; margin-bottom: 5vw;}
#con3 .bx .inner .list li .in-bx .in-img1::after{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/shinsotsu-recruit/con3-bx-huki.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -11vw; background-size: 10vw;}
#con3 .bx .inner .list li .in-inner {width: 87%; margin: 0 auto; background: #29559A; padding: 4vw 5vw 6vw; position: relative;}
#con3 .bx .inner .list li .in-inner .in-change{text-align: center; margin-top: -11.5vw;  margin-bottom: 6vw;}
#con3 .bx .inner .list li .in-inner .in-icon{width: 20%; position: absolute; left: -5vw; top: -11vw;}
#con3 .bx .inner .list li .in-inner .in-txt{font-size: 4.0vw; font-weight: bold; color: #FCEE21; letter-spacing: 0.4vw; line-height: 1.75;}

#con3 .bx .txt{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2.2; padding: 0 6vw;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #BCDADA; padding: 8vw 0 5vw;}
#con4 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con4 .bx .inner .icon{ width: 49%;  margin: 0 auto;  position: absolute;  left: 11vw;  right: 0;  top: -42vw;}
#con4 .bx .inner .ttl1{font-size: 8.1vw;  font-weight: 900;  color: #29559A;  letter-spacing: 0.5vw;  line-height: 1.8;  position: relative;  padding-left: 6vw;  margin-bottom: 8vw;}
#con4 .bx .inner .ttl1 .ss1{position: relative; z-index: 1;}
#con4 .bx .inner .ttl1 .ss1::after{content: ""; width: 100%; height: 2vw; background: #FCEE21; position: absolute; left: 1vw; right: 0; bottom: 0vw; z-index: -1;}
#con4 .bx .inner .ttl1 .ss2{position: relative; z-index: 1;}
#con4 .bx .inner .ttl1 .ss2::after{content: ""; width: 100%; height: 2vw; background: #FCEE21; position: absolute; left: 1vw; right: 0; bottom: 0vw; z-index: -1;}

#con4 .bx .inner .in-bx1{width: 94%; margin: 0 auto 18vw; background: #FFFFFF; padding: 13vw 3vw 4vw; border-radius: 5vw; position: relative;  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .in-bx1::after{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/shinsotsu-recruit/con4-bx-huki.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -9vw; background-size: 10vw;}
#con4 .bx .inner .in-bx1 .ttl2{width: 73%; margin: 0 auto 7vw;}
#con4 .bx .inner .in-bx1 .ttl3{font-size: 5vw; font-weight: bold; color: #29559A; letter-spacing: 0.8vw; line-height: 1.7; text-align: center; margin-bottom: 7vw;}
#con4 .bx .inner .in-bx1 .txt{font-size: 3.6vw;font-weight: bold;color: #1A1A1A;letter-spacing: 0.45vw;line-height: 2.2;margin-bottom: 3vw;padding: 0 3vw;}
#con4 .bx .inner .in-bx1 .img1{width: 94%; margin: 0 auto;}

#con4 .bx .inner .sub-bx1{width: 94%; margin: 0 auto 17vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx1 .sub-num{width: 23%; position: absolute; left: 1vw; top: -14vw; z-index: 1;}
#con4 .bx .inner .sub-bx1 .sub-ttl{font-size: 6vw; font-weight: bold; color: #fff; text-align: center; letter-spacing: 0.5vw; padding: 7vw 0 4vw; width: 100%; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx1 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx1 .sub-inner{width: 100%; margin: 0 auto; background: #fff; padding: 9vw  6vw 8vw; position: relative;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1{}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-ttl1{font-size: 5.6vw; font-weight: bold; color: #29559A; letter-spacing: 0.75vw; margin-bottom: 5vw; text-align: center;}
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-txt{font-size: 3.6vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 4vw; }
#con4 .bx .inner .sub-bx1 .sub-inner .sub-inner1 .sub-pri{ width: 84%; margin: 0 auto;}

#con4 .bx .inner .sub-bx2{width: 94%; margin: 0 auto 17vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx2 .sub-num{width: 23%; position: absolute; left: 1vw; top: -14vw; z-index: 1;}
#con4 .bx .inner .sub-bx2 .sub-ttl{font-size: 6vw; font-weight: bold; color: #fff; text-align: center; letter-spacing: 0.5vw; padding: 7vw 0 4vw; width: 100%; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx2 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx2 .sub-inner{width: 100%; margin: 0 auto; background: #fff; padding: 9vw  6vw 8vw; position: relative;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1{}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-ttl1{font-size: 5.6vw; font-weight: bold; color: #29559A; letter-spacing: 0.75vw; margin-bottom: 5vw; text-align: center;}
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-txt{font-size: 3.6vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 4vw; }
#con4 .bx .inner .sub-bx2 .sub-inner .sub-inner1 .sub-pri{ width: 84%; margin: 0 auto;}

#con4 .bx .inner .sub-bx3{width: 94%; margin: 0 auto 10vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con4 .bx .inner .sub-bx3 .sub-num{width: 23%; position: absolute; left: 1vw; top: -14vw; z-index: 1;}
#con4 .bx .inner .sub-bx3 .sub-ttl{font-size: 6vw; font-weight: bold; color: #fff; text-align: center; letter-spacing: 0.5vw; padding: 7vw 0 4vw; width: 100%; margin: 0 auto; background: #0A9FE6; position: relative;}
#con4 .bx .inner .sub-bx3 .sub-ttl span{color: #FCEE21;}
#con4 .bx .inner .sub-bx3 .sub-inner{width: 100%; margin: 0 auto; background: #fff; padding: 9vw  6vw 8vw; position: relative;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1{}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-ttl1{font-size: 5.6vw; font-weight: bold; color: #29559A; letter-spacing: 0.75vw; margin-bottom: 5vw; text-align: center;}
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-txt{font-size: 3.6vw; color: #1A1A1A; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 4vw; }
#con4 .bx .inner .sub-bx3 .sub-inner .sub-inner1 .sub-pri{ width: 84%; margin: 0 auto;}

#con4 .bx .last-icon{width: 30%; margin: 0 auto 3vw;}


#con5 {}
#con5 .bx1{width: 100%; margin: 0 auto; background: #F5F3F2;}
#con5 .bx1 .ttl1{ font-size: 6.2vw; font-weight: bold; color: #fff; letter-spacing: 1vw; text-align: center; background: #29559A; padding: 5vw 0 4vw; position: relative;}
#con5 .bx1 .inner{width: 94%; margin: 0 auto; position: relative; padding: 8vw 0 15vw;}
#con5 .bx1 .inner::before{content: ""; width: 27vw; height: 27vw; margin: 0 auto; background: url(../images/shinsotsu-recruit/sp-con05-icon01.png) no-repeat top center; position: absolute; left: -2vw; top: -43vw; z-index: 1; background-size: 23vw;}
#con5 .bx1 .inner .txt{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 4vw; padding: 0 6vw;}
#con5 .bx1 .inner .img1{text-align: center; margin-bottom: 5vw;}
#con5 .bx1 .inner .txt1{font-size: 6.2vw; font-weight: bold; color: #29559A; letter-spacing: 0.7vw; line-height: 1.65; text-align: center; padding-left: 2vw;}

#con5 .js-scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin-bottom: 15vw;
}

#con5 .sc-bx .img1 {
  display: inline-block;
  width: 200%;
}

/* PCではヒントを非表示 */
@media screen and (min-width: 768px) {
  .scroll-hint-icon-wrap,
  .scroll-hint-text {
    display: none !important;
  }
}

/* スクロールバーのスタイルをカスタマイズ */
#con5 .js-scrollable::-webkit-scrollbar {
  height: 5px; /* スクロールバーの太さ */
}

/* スクロールバーの下側の背景（トラック） */
#con5 .js-scrollable::-webkit-scrollbar-track {
  background-color: #ddd; /* ←ここで下の色を設定 */
  border-radius: 4px;
}

/* スクロールバーのつまみ部分 */
#con5 .js-scrollable::-webkit-scrollbar-thumb {
  background-color: #29559A; /* つまみの色（bサーチカラー） */
  border-radius: 4px;
}

/* つまみホバー時の色 */
#con5 .js-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: #1e417a;
}


#con5 .bx2{width: 100%; margin: 0 auto 8vw; background: #F5F3F2; padding-bottom: 5px;}
#con5 .bx2 .ttl1{ font-size: 6.2vw; font-weight: bold; color: #fff; letter-spacing: 1vw; text-align: center; background: #29559A; padding: 5vw 0 4vw; position: relative;}
#con5 .bx2 .inner{width: 100%; margin: 0 auto; position: relative; padding: 7vw 0;}
#con5 .bx2 .inner::before{content: "";  width: 30vw;  height: 30vw;  margin: 0 auto;  background: url(../images/shinsotsu-recruit/sp-con05-icon02.png) no-repeat top center;  position: absolute;  left: -3vw;  top: -26vw;  z-index: 1;  background-size: 16vw; }
#con5 .bx2 .inner .flex-bx{margin-bottom: 10vw; }
#con5 .bx2 .inner .flex-bx .l-bx{}
#con5 .bx2 .inner .flex-bx .l-bx .l-ttl{font-size: 6.2vw; font-weight: bold; color: #29559A; letter-spacing: 0.7vw; line-height: 1.65; text-align: center; padding-left: 2vw; margin-bottom: 3vw;}
#con5 .bx2 .inner .flex-bx .l-bx .l-txt{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 4vw;  padding: 0 6vw;}
#con5 .bx2 .inner .flex-bx .r-bx{}
#con5 .bx2 .inner .img2{width: 80%; margin: 0 auto 5vw;}
#con5 .bx2 .img3{width: 100%; margin: 0 auto -19vw;}

#con5 .bx2 .last-bx{width: 94%; margin: 0 auto 16vw; background: #29559A; position: relative; padding: 7vw 0 4vw 3vw;;}
#con5 .bx2 .last-bx .last-ttl{font-size: 6.2vw; font-weight: bold; color: #fff; text-align: center; letter-spacing: 1.2vw; line-height: 1.6; margin-bottom: 5vw;}
#con5 .bx2 .last-bx .last-ttl span{color: #FFEF00;}
#con5 .bx2 .last-bx .last-txt{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2.2; color: #fff; margin-bottom: 4vw; }
#con5 .bx2 .link{width: 99%; margin: 0 auto;}



}


/* ▽ イレギュラー箇所のみ追記 ▽ */
@media screen and (max-width: 380px) {
/* SP iPhone 6/7/8 */	

}
@media screen and (max-width: 321px) {
/* SP iPhone 5/SE */	
}