@charset "UTF-8";

.f-shi { font-family: "Shippori Mincho", serif;font-weight: 500; font-style: normal;}
.f-gothic1 { font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 300;font-style: normal;}

@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/recruit/con1-bg.png) no-repeat top center; padding: 163px 0 167px; position: relative; z-index: -1;}
#con1 .bx .inner{width: 1000px; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 40px; letter-spacing: -1.5px; line-height: 1.5; color: #fff; text-align: center;}

#all-bx {background: #F9F9F9; padding: 38px 0 100px;}

#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 156px; }
#con2 .bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.3; text-align: center; margin-bottom: 92px;}

#con2 .bx .inner{width: 1200px; margin: 0 auto 25px; }
#con2 .bx .inner .ttl1{font-size: 30px; letter-spacing: -0.4px; line-height: 1.6; text-align: center; padding: 20px 0 20px; background: #EDEDED; margin-bottom: 54px;}

#con2 .bx .in-bx{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .in-bx .in-inner{width: 752px; margin-left: auto; margin-right: 0;}
#con2 .bx .in-bx .in-inner .img1{position: absolute; left: 0; top: 3px;}
#con2 .bx .in-bx .in-inner .txt2{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px;}
#con2 .bx .in-bx .in-inner .txt3{font-size: 16px; letter-spacing: 0px; line-height: 1; font-weight: 400; margin-top: 50px;}
#con2 .bx .in-bx .in-inner .txt3 span{font-size: 20px; letter-spacing: 0px; line-height: 2; font-weight: 400;}
#con2 .bx .in-bx .in-inner .img2{position: absolute; left: 0; top: 520px;}

#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto;}
#con3 .bx .inner{width: 960px; margin: 0 auto 122px; background: #E5E8EC; padding: 55px 0 40px; position: relative;}
#con3 .bx .inner::before{content: ""; width: 109px; height: 108px; background: url(../images/recruit/con3-icon1.png) no-repeat top center; position: absolute; left: 20px; top: -14px;}
#con3 .bx .inner::after{content: ""; width: 109px; height: 108px; background: url(../images/recruit/con3-icon2.png) no-repeat top center; position: absolute; right: 20px; bottom: -15px;}
#con3 .bx .inner .ttl1{text-align: center; margin-bottom: 12px;;}
#con3 .bx .inner .ttl2{font-size: 25px; letter-spacing: -1px; line-height: 2.3; font-weight: 500; text-align: center;}
#con3 .bx .ttl3{font-size: 30px; letter-spacing: -0.4px; line-height: 1.6; text-align: center; padding: 20px 0 20px; background: #EDEDED; margin-bottom: 54px;}

#ee {margin-top: 0;}
	
.recruit-fit-cv-bnr-01{position: fixed; top: 150px; right: 0; z-index: 333;}
}


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

#con1 {}
#con1 .bx{width: 100%; margin: -15vw auto 0; background: url(../images/recruit/sp-con1-bg.png) no-repeat top 17vw center; padding: 36vw 0 26vw; position: relative; z-index: -1; background-size: cover;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.5; color: #fff; text-align: center; padding-left: 1.5vw;}

#all-bx {background: #F9F9F9; padding: 6vw 0 10vw;}

#con2 {}
#con2 .bx{width: 90%; margin: 0 auto 13vw;}
#con2 .bx .inner{width: 100%; margin: 0 auto 3vw; }
#con2 .bx .inner .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center; margin-bottom: 4.5vw;}

#con2 .bx .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .in-bx .in-inner{width: 100%; margin: 0 auto v;}
#con2 .bx .in-bx .in-inner .img1{margin: 0 auto 7vw}
#con2 .bx .in-bx .in-inner .txt2{font-size: 3.3vw; letter-spacing: 0px; line-height: 2.02; font-weight: 400; margin-bottom: 7vw;}
#con2 .bx .in-bx .in-inner .txt3{font-size: 3.9vw; letter-spacing: 0px; line-height: 1.2; font-weight: 400; margin-top: 9vw; text-align: right;}
#con2 .bx .in-bx .in-inner .txt3 span{font-size: 4.7vw; letter-spacing: 0px; line-height: 2; font-weight: 400;}
#con2 .bx .in-bx .in-inner .img2{margin: 10vw auto 8vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto;}
#con3 .bx .inner{width: 100%; margin: 0 auto 11vw; background: #E5E8EC; padding: 8vw 0 6vw; position: relative;}
#con3 .bx .inner::before{content: ""; width: 15vw; height: 15vw; background: url(../images/recruit/sp-con3-icon1.png) no-repeat top center; position: absolute; left: 2vw; top: -3vw; background-size: 14vw;}
#con3 .bx .inner::after{content: ""; width: 15vw; height: 15vw; background: url(../images/recruit/sp-con3-icon2.png) no-repeat top center; position: absolute; right: 2vw; bottom: -4vw; background-size: 14vw;}
#con3 .bx .inner .ttl1{width: 25%; margin: 0 auto 3vw;}
#con3 .bx .inner .ttl2{font-size: 4.5vw; letter-spacing: -0.4vw; line-height: 1.8; font-weight: 500; text-align: center;}
#con3 .bx .ttl3{width: 90%; margin: 0 auto 4.5vw; font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center;}
	
	.recruit-fit-cv-list{display: flex;position: fixed;bottom: 0;z-index: 333;}

}