@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;}
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}
.side-fix{display: none!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/land/con1-bg.png) no-repeat top center #F9F9F9; padding: 193px 0 0; position: relative; z-index: -1;}
#con1 .bx::before{content: ""; width: 161px; height: 22px; margin: 0 auto; background: url(../images/land/con1-copyright.png) no-repeat top center; position: absolute; right: 24px; top: 410px; z-index: 1;}
#con1 .bx .ttl1{font-size: 40px; letter-spacing: -1.5px; line-height: 1.5; font-weight: 500; text-align: center; color: #fff; margin-bottom: 244px;}
#con1 .bx .ttl2{font-size: 25px; letter-spacing: 1.2px; line-height: 1.5; font-weight: 500; text-align: center; margin-bottom: 18px; padding-left: 2px;}
#con1 .bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.4; text-align: center; margin-bottom: 146px;}

#con1 .bx .inner{width: 1200px; margin: 0 auto;}
#con1 .bx .inner .in-bx{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx .ttl3{font-size: 25px; letter-spacing: -1.0px; line-height: 1.5; font-weight: 500; text-align: center; margin-bottom: 35px; padding-left: 10px;}
#con1 .bx .inner .in-bx .in-inner{width: 523px; margin-left: auto;}
#con1 .bx .inner .in-bx .in-inner .img1{position: absolute; left: 0;  top: 75px;}
#con1 .bx .inner .in-bx .in-inner .txt2{font-size: 16px; letter-spacing: 0; line-height: 1.9; font-weight: 400;}
#con1 .bx .inner .in-bx .in-inner .txt2 .ss1{display: block; margin-top: 36px;}
#con1 .bx .inner .in-bx .in-inner .txt2 .ss2{display: block; margin-top: 35px; margin-bottom: 35px;}


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


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

#con2 .bx .inner .in-bx1{width: 1200px; margin: 0 auto 270px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner{width: 541px; margin-left: auto;}
#con2 .bx .inner .in-bx1 .in-inner .icon1{margin-bottom: 20px;}
#con2 .bx .inner .in-bx1 .in-inner .ttl2{font-size: 25px; letter-spacing: -1px; line-height: 1.6; margin-bottom: 32px;}
#con2 .bx .inner .in-bx1 .in-inner .img1{position: absolute; left: 0; top: -80px;}
#con2 .bx .inner .in-bx1 .in-inner .ttl3{font-size: 20px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; margin-bottom: 35px;}
#con2 .bx .inner .in-bx1 .in-inner .txt1{font-size: 16px; letter-spacing: 0; line-height: 1.95; font-weight: 400; margin-bottom: 34px;}

#con2 .bx .inner .in-bx2{width: 1200px; margin: 0 auto 350px; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner{width: 541px; margin-right: auto;}
#con2 .bx .inner .in-bx2 .in-inner .icon2{margin-bottom: 20px;}
#con2 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 25px; letter-spacing: -1px; line-height: 1.6; margin-bottom: 32px;}
#con2 .bx .inner .in-bx2 .in-inner .img2{position: absolute; right: 0; top: -105px;}
#con2 .bx .inner .in-bx2 .in-inner .ttl3{font-size: 20px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; margin-bottom: 40px;}
#con2 .bx .inner .in-bx2 .in-inner .txt1{font-size: 16px; letter-spacing: 0; line-height: 1.95; font-weight: 400; margin-bottom: 34px;}
#con2 .bx .inner .in-bx2 .in-inner .img3{position: absolute; right: 72px; top: 327px;}

#con2 .bx .inner .in-bx3{width: 1200px; margin: 0 auto 260px; position: relative;}
#con2 .bx .inner .in-bx3 .in-inner{width: 541px; margin-left: auto;}
#con2 .bx .inner .in-bx3 .in-inner .icon3{margin-bottom: 20px;}
#con2 .bx .inner .in-bx3 .in-inner .ttl2{font-size: 25px; letter-spacing: -1px; line-height: 1.6; margin-bottom: 32px;}
#con2 .bx .inner .in-bx3 .in-inner .img4{position: absolute; left: 0; top: -120px;}
#con2 .bx .inner .in-bx3 .in-inner .ttl3{font-size: 20px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; margin-bottom: 35px;}
#con2 .bx .inner .in-bx3 .in-inner .txt1{font-size: 16px; letter-spacing: 0; line-height: 1.95; font-weight: 400; margin-bottom: 34px;}

#con2 .bx .last-bx{width: 100%; margin: 0 auto; background: url(../images/land/con2-last-bg.png) no-repeat top center; padding: 155px 0 163px;;}
#con2 .bx .last-bx .ttl4{font-size: 30px; letter-spacing: -1.3px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 18px;}
#con2 .bx .last-bx .txt2{font-size: 16px; letter-spacing: 0; line-height: 1.6; font-weight: 400; text-align: center;}

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

.land-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: 0 auto; background: url(../images/land/sp-con1-bg.png) no-repeat top center; padding: 26vw 0 1vw; position: relative; z-index: -1; background-size: 100%;}
#con1 .bx::before{content: ""; width: 30vw; height: 5vw; margin: 0 auto; background: url(../images/land/sp-con1-copyright.png) no-repeat top center; position: absolute; right: 0vw; top: 57vw; z-index: 1; background-size: 76%;}
#con1 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.5; color: #fff; text-align: center; padding-left: 1.5vw; margin-bottom: 26vw;}
#con1 .bx .ttl2{font-size: 4vw; letter-spacing: 0vw; line-height: 1.95; font-weight: 500; text-align: center; margin-bottom: 4vw; padding-left: 0;}
#con1 .bx .txt1{font-size: 3.4vw; letter-spacing: 0.15vw; line-height: 1.95; text-align: center; margin-bottom: 14vw;}

#con1 .bx .inner{width: 90%; margin: 0 auto;}
#con1 .bx .inner .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx .ttl3{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.55; font-weight: 500; text-align: center; margin-bottom: 5vw; padding-left: 0vw;}
#con1 .bx .inner .in-bx .in-inner{width: 100%; margin-left: auto;}
#con1 .bx .inner .in-bx .in-inner .img1{margin: 0 auto 5vw;}
#con1 .bx .inner .in-bx .in-inner .txt2{font-size: 3.4vw; letter-spacing: 0; line-height: 2; font-weight: 400; margin-bottom: 6vw;}
#con1 .bx .inner .in-bx .in-inner .txt2 .ss1{ margin-top: 0;}
#con1 .bx .inner .in-bx .in-inner .txt2 .ss2{ margin-top: 5vw; margin-bottom: 0}


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


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .ttl1{width: 100%; margin: 0 auto 7vw; font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; padding: 3vw 0 4vw; background: #EDEDED; text-align: center;}

#con2 .bx .inner .in-bx1{width: 89%; margin: 0 auto 12vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx1 .in-inner .icon1{width: 24%; margin-bottom: 1vw;}
#con2 .bx .inner .in-bx1 .in-inner .ttl2{font-size: 5.6vw; letter-spacing: -0.5vw; line-height: 1.85; margin-bottom: 4vw;}
#con2 .bx .inner .in-bx1 .in-inner .img1{margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx1 .in-inner .ttl3{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.6; font-weight: 500; margin-bottom: 5.5vw;}
#con2 .bx .inner .in-bx1 .in-inner .txt1{font-size: 3.45vw; letter-spacing: -0.05vw; line-height: 1.95; font-weight: 400; margin-bottom: 0vw;}

#con2 .bx .inner .in-bx2{width: 89%; margin: 0 auto 10vw; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx2 .in-inner .icon2{width: 24%; margin-bottom: 1vw;}
#con2 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 5.6vw; letter-spacing: -0.5vw; line-height: 1.85; margin-bottom: 4vw;}
#con2 .bx .inner .in-bx2 .in-inner .img2{margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx2 .in-inner .ttl3{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.6; font-weight: 500; margin-bottom: 5.5vw;}
#con2 .bx .inner .in-bx2 .in-inner .txt1{font-size: 3.45vw; letter-spacing: -0.05vw; line-height: 1.95; font-weight: 400; margin-bottom: 0vw;}
#con2 .bx .inner .in-bx2 .in-inner .img3{width: 89%; margin: 6vw auto 6vw;}

#con2 .bx .inner .in-bx3{width: 89%; margin: 0 auto 21vw; position: relative;}
#con2 .bx .inner .in-bx3 .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx3 .in-inner .icon3{width: 24%; margin-bottom: 1vw;}
#con2 .bx .inner .in-bx3 .in-inner .ttl2{font-size: 5.6vw; letter-spacing: -0.5vw; line-height: 1.85; margin-bottom: 4vw;}
#con2 .bx .inner .in-bx3 .in-inner .img4{margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx3 .in-inner .ttl3{font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.6; font-weight: 500; margin-bottom: 5.5vw;}
#con2 .bx .inner .in-bx3 .in-inner .txt1{font-size: 3.45vw; letter-spacing: -0.05vw; line-height: 1.95; font-weight: 400; margin-bottom: 0vw;}

#con2 .bx .last-bx{width: 100%; margin: 0 auto 10vw; background: url(../images/land/con2-last-bg.png) no-repeat top center; padding: 7vw 0 8vw;;}
#con2 .bx .last-bx .ttl4{font-size: 4.5vw; letter-spacing: -0.3vw; line-height: 1.5; font-weight: 500; text-align: center; margin-bottom: 3vw;}
#con2 .bx .last-bx .txt2{font-size: 3.4vw; letter-spacing: 0; line-height: 1.8; font-weight: 400; text-align: center;}

.form-fit-cv-list{display: flex;position: fixed;bottom: 0;z-index: 333;}

.land-fit-cv-list{display: flex;position: fixed;bottom: 0;z-index: 333;}
	
}