@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list {margin-bottom: 125px!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: #F5F5E8;padding: 0 0 56px;margin-bottom: 63px;}
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative; top: -80px;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 40px;}
#con1 .bx .inner .ttl2{font-size: 32px; font-weight: bold; letter-spacing: 3.5px; line-height: 1.8; text-align: center; margin-bottom: 53px; position: relative;}
#con1 .bx .inner .ttl2 span{font-size: 46px; }
#con1 .bx .inner .ttl2::after{content: ""; width: 7px; height: 55px; margin: 0 auto; background: url(../images/consultation/con1-bx-icon1.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -53px;}
#con1 .bx .inner .img1{text-align: center; margin-bottom: 36px;}
#con1 .bx .inner .txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; text-align: center; margin-bottom: 51px;}

#con1 .bx .inner .in-bx{width: 1280px; margin: 0 auto; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con1 .bx .inner .in-bx::after{content: ""; width: 83px; height: 34px; margin: 0 auto; background: url(../images/consultation/con1-bx-icon2.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -90px;}
#con1 .bx .inner .in-bx .img2{position: absolute; left: 0; top: 0;}
#con1 .bx .inner .in-bx .in-inner{width: 640px; margin-left: auto; background: #fff; padding: 103px 80px 36px 60px;; position: relative;}
#con1 .bx .inner .in-bx .in-inner::before{content: ""; width: 167px; height: 109px; margin: 0 auto; background: url(../images/consultation/con1-icon.png) no-repeat; position: absolute; right: 190px; top: 34px;}
#con1 .bx .inner .in-bx .in-inner .ttl3{margin-bottom: 30px;}
#con1 .bx .inner .in-bx .in-inner .ttl4{font-size: 42px; font-weight: bold; letter-spacing: 2px; line-height: 1.3; margin-bottom: 34px;}
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss1{font-size: 32px; }
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss2{font-size: 36px; }
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss3{font-size: 46px;}
#con1 .bx .inner .in-bx .in-inner .txt2{font-size: 16px; letter-spacing: 0.8px; margin-bottom: 30px;}

.form-Box_bg_wap.reform-only{
padding-top: 48px;
}

}

@media screen and (max-width: 767px) {
#con1 {margin-bottom: 12vw;}
#con1 .bx{width: 100%; margin: 12vw auto 0; background: #F5F5E8; padding: 0 0 20vw;}
#con1 .bx .inner{width: 100%; margin: -5vw auto 0;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 8vw;}
#con1 .bx .inner .ttl1 img{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.8vw; line-height: 1.8; text-align: center; margin-bottom: 7vw; position: relative; left: 1vw;}
#con1 .bx .inner .ttl2::after{content: ""; width: 3vw; height: 8vw; margin: 0 auto; background: url(../images/consultation/con1-bx-icon1.svg) no-repeat top center; position: absolute; left: -2vw; right: 0; bottom: -7vw; background-size: 1.05vw;}
#con1 .bx .inner .ttl2 span{font-size: 7.5vw; letter-spacing: 1vw;}
#con1 .bx .inner .img1{text-align: center; margin-bottom: 8vw;}
#con1 .bx .inner .img1 img{width: 92%; margin: 0 auto;}
#con1 .bx .inner .txt1{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.45vw; text-align: left; margin-bottom: 8vw; padding: 0 8vw; line-height: 2;}

#con1 .bx .inner .in-bx{width: 100%; margin: 0 auto; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con1 .bx .inner .in-bx::after{content: ""; width: 15vw; height: 10vw; margin: 0 auto; background: url(../images/consultation/con1-bx-icon2.svg) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -17vw; background-size: 14vw;}
#con1 .bx .inner .in-bx .img2{}
#con1 .bx .inner .in-bx .in-inner{width: 100%; margin: 0 auto; background: #fff; padding: 5vw 8vw 3.5vw; position: relative;}
#con1 .bx .inner .in-bx .in-inner::before{content: ""; width: 30vw; height: 30vw; margin: 0 auto; background: url(../images/consultation/sp-con1-icon.png) no-repeat; position: absolute; right: 0; top: 5vw; background-size: 22vw;}
#con1 .bx .inner .in-bx .in-inner .ttl3{width: 100%; margin: 0 auto 4vw; text-align: center;}
#con1 .bx .inner .in-bx .in-inner .ttl3 img{width: 34%; margin: 0 auto;}
#con1 .bx .inner .in-bx .in-inner .ttl4{font-size: 7.4vw; font-weight: bold; letter-spacing: 0.5vw; line-height: 1.4; margin-bottom: 4vw; text-align: center;}
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss1{font-size: 6vw; }
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss2{font-size: 6vw; }
#con1 .bx .inner .in-bx .in-inner .ttl4 .ss3{font-size: 9vw; }
#con1 .bx .inner .in-bx .in-inner .txt2{font-size: 3.6vw; letter-spacing: 0.5vw; margin-bottom: 7vw;}

.form-Box_bg_wap.reform-only{
    padding-top: 6.763vw;
}

.recruit-only-bnr{
	position: fixed;
	bottom: 0;
	width: 100%;
}

}
