@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list {margin-bottom: 113px!important;}
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: linear-gradient(to right,transparent 0%,transparent 50%,#F5F5E8 50%,#F5F5E8 100%);}
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative; padding: 50px 0 1px;}
#con1 .bx .inner .img1{position: absolute; right: -50px; top: -63px;}
#con1 .bx .inner .in-inner{width: 534px; margin-right: auto; margin-left: 90px; margin-bottom: 133px; position: relative;}
#con1 .bx .inner .in-inner .ttl1{margin-bottom: 50px; padding-left: 8px;}
#con1 .bx .inner .in-inner .ttl2{font-size: 42px; font-weight: bold; letter-spacing: 4.5px; line-height: 1.5; margin-bottom: 56px;}
#con1 .bx .inner .in-inner .txt1{font-size: 18px; font-weight: 500; letter-spacing: 0.9px; line-height: 1.9; margin-bottom: 33px;}
#con1 .btn{text-align: center; margin-top: 50px; margin-bottom: 130px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto 117px; background: #FAFAF5; padding: 26px 0 75px; position: relative;}
#con2 .bx::before{content: ""; width: 940px; height: 2px; margin: 0 auto 117px; background: url(../images/recruit/con2-bx-icon.png) no-repeat top center; position: absolute; left: -8px; top: 119px;}

#con2 .bx .inner1{width: 1280px; margin: 0 auto 80px; position: relative;}
#con2 .bx .inner1 .img1{position: absolute; right: -50px; top: -76px;}
#con2 .bx .inner1 .in-bx{width: 610px; margin-right: auto; padding-left: 90px; position: relative;}
#con2 .bx .inner1 .in-bx .ttl1{font-size: 30px; font-weight: bold; letter-spacing: 1.6px; line-height: 1.8; margin-bottom: 29px;}
#con2 .bx .inner1 .in-bx .ttl1 span{font-size: 52px; color: #3878E8; letter-spacing: 0; padding-right: 5px;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 32px;}

#con2 .bx .inner2{width: 1280px; margin: 0 auto 63px; position: relative;}
#con2 .bx .inner2 .img2{position: absolute; left: -50px; top: -7px;}
#con2 .bx .inner2 .in-bx{width: 610px; margin-left: auto; padding-right: 90px; position: relative;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 32px;}
#con2 .btn{text-align: center; }



#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto; padding: 26px 0 75px; position: relative;}
#con3 .bx::before{content: ""; width: 940px; height: 2px; margin: 0 auto; background: url(../images/recruit/con3-bx-icon.png) no-repeat top center; position: absolute; left: -8px; top: 119px;}

#con3 .bx .inner1{width: 1280px; margin: 0 auto 90px; position: relative;}
#con3 .bx .inner1 .img1{position: absolute; right: -50px; top: -34px;}
#con3 .bx .inner1 .in-bx{width: 610px; margin-right: auto; padding-left: 90px; position: relative;}
#con3 .bx .inner1 .in-bx .ttl1{font-size: 30px; font-weight: bold; letter-spacing: 1.6px; line-height: 1.8; margin-bottom: 29px;}
#con3 .bx .inner1 .in-bx .ttl1 span{font-size: 52px; color: #3878E8; letter-spacing: 0; padding-right: 5px;}
#con3 .bx .inner1 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 32px;}

#con3 .bx .inner2{width: 1280px; margin: 0 auto 74px; position: relative;}
#con3 .bx .inner2 .img2{position: absolute; left: -50px; top: -7px;}
#con3 .bx .inner2 .in-bx{width: 610px; margin-left: auto; padding-right: 90px; position: relative;}
#con3 .bx .inner2 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 32px;}
#con3 .btn{text-align: center; margin-bottom: 100px;}

#con3 .bx .sub-bx{width: 1000px; margin: 0 auto; padding: 38px 0 42px; border: 2px solid #3878E8;}
#con3 .bx .sub-bx .sub-ttl1{font-size: 30px; font-weight: bold; text-align: center; letter-spacing: 1.5px; line-height: 1.8; padding-bottom: 18px; margin-bottom: 21px; position: relative;}
#con3 .bx .sub-bx .sub-ttl1::after{content: ""; width: 90px; height: 2px; margin: 0 auto; background: #3878E8; position: absolute; left: 0; right: 0; bottom: 0;}
#con3 .bx .sub-bx .sub-txt1{font-size: 16px; font-weight: 500; text-align: center; letter-spacing: 0.9px; line-height: 1.9;}


#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #FAFAF5; padding: 118px 0 50px;}
#con4 .bx .inner{width: 1101px; margin: 0 auto; }
#con4 .bx .inner .ttl1{text-align: center; margin-bottom: 5px;}
#con4 .bx .inner .ttl2{font-size: 26px; font-weight: bold; letter-spacing: 1px; line-height: 1.6; text-align: center; padding-bottom: 23px; margin-bottom: 24px; position: relative;}
#con4 .bx .inner .ttl2::after{content: ""; width: 1100px; height: 2px; margin: 0 auto; background: url(../images/recruit/con4-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: 0;}
#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 28px; }
#con4 .bx .inner .list{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;}
#con4 .bx .inner .list li{width: 176px; margin-right: 9px; margin-bottom: 8px;}
#con4 .bx .inner .list li:nth-child(6n){margin-right: 0;}


#con5 {}
#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto; padding: 122px 0 50px;}
#con5 .bx .inner{width: 1101px; margin: 0 auto; }
#con5 .bx .inner .ttl1{text-align: center; margin-bottom: 5px;}
#con5 .bx .inner .ttl2{font-size: 26px; font-weight: bold; letter-spacing: 1px; line-height: 1.6; text-align: center; padding-bottom: 23px; margin-bottom: 24px; position: relative;}
#con5 .bx .inner .ttl2::after{content: ""; width: 1100px; height: 2px; margin: 0 auto; background: url(../images/recruit/con5-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: 0;}

}



@media screen and (max-width: 767px) {
#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: linear-gradient(180deg,#fff 0,#fff 56vw,#F5F5E8 56vw,#F5F5E8 calc(100% - 90vw),transparent calc(100% - 90vw),transparent 100%);}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative; padding: 13vw 0 1vw;}
#con1 .bx .inner .img1{width: 92%; margin: 0 auto 11vw;}
#con1 .bx .inner .in-inner{width: 100%;margin: 0 auto 11vw; position: relative;}
#con1 .bx .inner .in-inner .ttl1{width: 39%; margin: 0 auto 5vw;}
#con1 .bx .inner .in-inner .ttl2{font-size: 6vw; font-weight: bold; letter-spacing: 1vw; line-height: 1.65; margin-bottom: 7vw; text-align: center;}
#con1 .bx .inner .in-inner .txt1{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.4vw; line-height: 1.95; margin-bottom: 8vw; padding: 0 8vw;}
#con1 .btn{width: 84%; margin: 10vw auto 15vw; }


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #FAFAF5; padding: 3vw 0 5vw; position: relative;}
#con2 .bx::before{content: ""; width: 84%; height: 2px; margin: 0 auto 10vw; background: url(../images/recruit/sp-con2-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 17.5vw; background-size: 100%;}

#con2 .bx .inner1{width: 83%; margin: 0 auto 5vw; position: relative;}
#con2 .bx .inner1 .img1{margin-bottom: 4vw;}
#con2 .bx .inner1 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner1 .in-bx .ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.25vw; line-height: 1.8; margin-bottom: 7vw;}
#con2 .bx .inner1 .in-bx .ttl1 span{font-size: 8vw; color: #3878E8; letter-spacing: 0; padding-right: 1vw;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 3.75vw; letter-spacing: 0.3vw; line-height: 1.95; margin-bottom: 7vw;}
#con2 .bx .inner1 .in-bx .txt1:last-child{margin-bottom: 0;}

#con2 .bx .inner2{width: 83%; margin: 0 auto 10vw; position: relative;}
#con2 .bx .inner2 .img2{margin-bottom: 4vw;}
#con2 .bx .inner2 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 3.75vw; letter-spacing: 0.3vw; line-height: 1.95; margin-bottom: 7vw;}
#con2 .bx .inner2 .in-bx .txt1:last-child{margin-bottom: 0;}
#con2 .btn{width: 84%; margin: -2vw auto 10vw; }




#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 10vw; padding: 3vw 0 5vw; position: relative;}
#con3 .bx::before{content: ""; width: 84%; height: 2px; margin: 0 auto 10vw; background: url(../images/recruit/sp-con3-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 21.5vw; background-size: 100%;}

#con3 .bx .inner1{width: 83%; margin: 0 auto 5vw; position: relative;}
#con3 .bx .inner1 .img1{margin-bottom: 4vw;}
#con3 .bx .inner1 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner1 .in-bx .ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.25vw; line-height: 1.8; margin-bottom: 7vw;}
#con3 .bx .inner1 .in-bx .ttl1 span{font-size: 8vw; color: #3878E8; letter-spacing: 0; padding-right: 1vw;}
#con3 .bx .inner1 .in-bx .txt1{font-size: 3.75vw; letter-spacing: 0.3vw; line-height: 1.95; margin-bottom: 7vw;}
#con3 .bx .inner1 .in-bx .txt1:last-child{margin-bottom: 0;}

#con3 .bx .inner2{width: 83%; margin: 0 auto 10vw; position: relative;}
#con3 .bx .inner2 .img2{margin-bottom: 4vw;}
#con3 .bx .inner2 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner2 .in-bx .txt1{font-size: 3.75vw; letter-spacing: 0.3vw; line-height: 1.95; margin-bottom: 7vw;}
#con3 .bx .inner2 .in-bx .txt1:last-child{margin-bottom: 0;}
#con3 .btn{width: 84%; margin: -2vw auto 12vw; }

#con3 .bx .sub-bx{width: 92%; margin: 0 auto; padding: 5vw 6vw 7vw; border: 2px solid #3878E8;}
#con3 .bx .sub-bx .sub-ttl1{font-size: 6.2vw; font-weight: bold; text-align: center; letter-spacing: 0.4vw; line-height: 1.8; padding-bottom: 3.3vw; margin-bottom: 4vw; position: relative;}
#con3 .bx .sub-bx .sub-ttl1::after{content: ""; width: 17vw; height: 2px; margin: 0 auto; background: #3878E8; position: absolute; left: 0; right: 0; bottom: 0;}
#con3 .bx .sub-bx .sub-txt1{font-size: 3.9vw; font-weight: 500; letter-spacing: 0.15vw; line-height: 2;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #FAFAF5; padding: 9vw 0 5vw;}
#con4 .bx .inner{width: 84%; margin: 0 auto; }
#con4 .bx .inner .ttl1{width: 94%; margin: 0 auto 2vw;}
#con4 .bx .inner .ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 3vw; margin-bottom: 4vw; position: relative;}
#con4 .bx .inner .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/recruit/sp-con4-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: 0; background-size: 100%;}
#con4 .bx .inner .txt1{font-size: 3.9vw; letter-spacing: 0.15vw; line-height: 1.9; margin-bottom: 6vw;}
#con4 .bx .inner .list{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;}
#con4 .bx .inner .list li{width: 40vw; margin-right: 4vw; margin-bottom: 3.5vw;}
#con4 .bx .inner .list li:nth-child(2n){margin-right: 0;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; padding: 16vw 0 5vw;}
#con5 .bx .inner{width: 84%; margin: 0 auto; }
#con5 .bx .inner .ttl1{width: 67%; margin: 0 auto 2vw;}
#con5 .bx .inner .ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; padding-bottom: 3vw; margin-bottom: 4vw; position: relative;}
#con5 .bx .inner .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/recruit/sp-con4-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: 0; background-size: 100%;}



}