@charset "UTF-8";
@media screen and (min-width: 768px),print {


.seo_bread_list {margin-bottom: 3px!important;}
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; padding: 63px 0 50px;}
#con1 .bx::before{content: ""; width: 100%; max-width: 1400px; height: 650px; margin: 0 auto; background: #81694B; position: absolute; left: 0; right: 0; top: 0; z-index: 0;}
#con1 .bx .inner{width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 40px; }
#con1 .bx .inner .ttl2{font-size: 34px; font-weight: bold; letter-spacing: 3.3px; line-height: 1; margin-bottom: 30px; position: absolute; top: 359px; left: 50px; z-index: 2;}
#con1 .bx .inner .ttl2 .ss1{display: inline-block; background: #fff; text-align: center; padding: 10px 13px; margin-bottom: 10px;}
#con1 .bx .inner .ttl2 .ss2{display: inline-block; background: #fff; text-align: center; padding: 10px 13px; }

#con1 .con1-bigimg {width: 100%; margin: 0 auto 112px;}

#con1 .loop {
width: 100%; position: relative; z-index: 0;
height: 296px; /*画像の高さ等*/
background: url(../images/reform/con1-bigimg.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2252px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}

#con1 .bx .txt1{font-size: 16px; color: #fff; letter-spacing: 0.8px; line-height: 1.8; text-align: center; margin-bottom: 30px; position: relative; z-index: 1;}


#all-bx{margin-top: -300px; margin-bottom: 100px; background: #F5F5E8; padding: 400px 0 15px;}


#con2 {}
#con2 .bx1{width: 100%; max-width: 1920px; margin: 0 auto 132px; padding: 182px 0 115px; background: linear-gradient(to right,transparent 0%,transparent 44%,#FAFAF5 44%,#FAFAF5 100%);}
#con2 .bx1 .inner{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx1 .inner .in-bx{width: 520px; margin-left: auto; margin-right: 90px;}
#con2 .bx1 .inner .in-bx .ttl1{font-size: 50px; font-weight: bold; letter-spacing: 0; line-height: 1.2; margin-bottom: 57px;}
#con2 .bx1 .inner .in-bx .ttl1 span{color: #3878E8;}
#con2 .bx1 .inner .in-bx .img1{position: absolute; left: 0; top: -76px;}
#con2 .bx1 .inner .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 33px;}

#con2 .bx2{}
#con2 .bx2 .inner{width: 1200px; margin: 0 auto 123px; position: relative; background: url(../images/reform/con2-bx-icon1.png) no-repeat top 93px left,url(../images/reform/con2-bx-icon2.png) no-repeat top 93px right;;}
#con2 .bx2 .inner .ttl1{font-size: 25px; font-weight: bold; letter-spacing: 2.3px; line-height: 1.4; margin-bottom: 88px; text-align: center;}
#con2 .bx2 .inner .ttl1 .ss1{font-size: 76px; letter-spacing: 0;}
#con2 .bx2 .inner .ttl1 .ss2{color: #3878E8;}
#con2 .bx2 .inner .in-bx{width: 1100px; margin: 0 auto;}
#con2 .bx2 .inner .in-bx .list1{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; justify-content: center;}
#con2 .bx2 .inner .in-bx .list1 li{width: 520px; margin-right: 60px; margin-bottom: 115px; position: relative;}
#con2 .bx2 .inner .in-bx .list1 li:nth-child(2n){margin-right: 0;}
#con2 .bx2 .inner .in-bx .list1 li:nth-child(n+3){margin-bottom: 0;}
#con2 .bx2 .inner .in-bx .list1 li .num1{position: absolute; left: 30px; top: -30px;}
#con2 .bx2 .inner .in-bx .list1 li .img2{}
#con2 .bx2 .inner .in-bx .list1 li .txt2{font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 2.8px; line-height: 1.55; background: #fff; padding: 25px 0px 40px;}
#con2 .bx2 .inner .in-bx .list1 li .txt2 .ss3{color: #3878E8;}


#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto; }
#con3 .bx .inner{width: 1100px; margin: 0 auto; }
#con3 .bx .inner .ttl1{text-align: center; margin-bottom: 10px;}
#con3 .bx .inner .ttl2{font-size: 25px; font-weight: bold; letter-spacing: 2px; line-height: 1.6; margin-bottom: 57px; text-align: center;}


#con3 .bx .inner .in-bx{margin-bottom: 80px;}
#con3 .bx .inner .in-bx:nth-of-type(2){margin-bottom: 58px;}
#con3 .bx .inner .in-bx .in-ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.6; margin-bottom: 27px; padding-left: 34px; position: relative;}
#con3 .bx .inner .in-bx .in-ttl1::before{content: ""; width: 20px; height: 20px; background: #3878E8; border-radius: 100%; position: absolute; left: 0; top: 15px;}
#con3 .bx .inner .in-bx .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;}
#con3 .bx .inner .in-bx .list li{width: 260px; margin-right: 20px;}
#con3 .bx .inner .in-bx .list li:last-child{margin-right: 0px;}
#con3 .bx .inner .in-bx .list li .img1{margin-bottom: 22px;}
#con3 .bx .inner .in-bx .list li .txt1{font-size: 16px; letter-spacing: 1px; text-align: center; line-height: 1.2;}
#con3 .bx .inner .in-bx .list li .txt1 span{font-size: 14px; letter-spacing: -1px; text-align: center;}

#con3 .bx .inner .btn{text-align: center; margin-bottom: 100px;}

#con3 .bx .inner .in-bx1{margin-bottom: 80px;}
#con3 .bx .inner .in-bx1 .in-ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.6; margin-bottom: 44px; padding-left: 34px; position: relative;}
#con3 .bx .inner .in-bx1 .in-ttl1::before{content: ""; width: 20px; height: 20px; background: #3878E8; border-radius: 100%; position: absolute; left: 0; top: 15px;}
#con3 .bx .inner .in-bx1 .in-inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner .img2{position: absolute; left: 0; top: 0;}
#con3 .bx .inner .in-bx1 .in-inner .in-inner1{width: 520px; margin-left: auto;}
#con3 .bx .inner .in-bx1 .in-inner .in-inner1 .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 33px;}


#con4 {}
#con4 .bx1{width: 100%; max-width: 1920px; margin: 0 auto 100px; padding: 117px 0 80px; background: linear-gradient(to right,transparent 0%,transparent 44%,#FAFAF5 44%,#FAFAF5 100%);}
#con4 .bx1 .inner{width: 1280px; margin: 0 auto; position: relative;}
#con4 .bx1 .inner .in-bx{width: 520px; margin-left: auto; margin-right: 90px;}
#con4 .bx1 .inner .in-bx .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.6; margin-bottom: 34px;}
#con4 .bx1 .inner .in-bx .img1{position: absolute; left: 40px; top: -28px;}
#con4 .bx1 .inner .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 33px;}

#con4 .bx2{}
#con4 .bx2 .inner{width: 1100px; margin: 0 auto 100px; position: relative;}
#con4 .bx2 .inner .in-bx{}
#con4 .bx2 .inner .in-bx .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.6; margin-bottom: 25px; text-align: center;}
#con4 .bx2 .inner .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 37px; text-align: center;}
#con4 .bx2 .inner .in-bx .img1{}


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


}



@media screen and (max-width: 767px) {
#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; position: relative; padding: 10vw 0 5vw;}
#con1 .bx::before{content: ""; width: 100%; height: 116vw; margin: 0 auto; background: #81694B; position: absolute; left: 0; right: 0; top: 0; }
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative; z-index: 1;}
#con1 .bx .inner .ttl1{width: 82%; margin: 0 auto 4vw; text-align: center;}
#con1 .bx .inner .ttl2{font-size: 5.1vw; font-weight: bold; letter-spacing: 0.5vw; line-height: 1; margin-bottom: 7vw; margin-left: 8vw;}
#con1 .bx .inner .ttl2 .ss1{display: inline-block; background: #fff; text-align: center; padding: 2.5vw 4vw 2.5vw 2vw; margin-bottom: 1vw;}
#con1 .bx .inner .ttl2 .ss2{display: inline-block; background: #fff; text-align: center; padding: 2.5vw 0vw 2.5vw 2vw; }

#con1 .con1-bigimg {width: 100%; margin: 0 auto 6vw;}

#con1 .loop {
width: 100%; position: relative; z-index: 0;
height: 33vw; /*画像の高さ等*/ 
background: url(../images/reform/sp-con1-bigimg.png) repeat-x;
background-position: center;background-size: 250%;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}

#con1 .bx .txt1{font-size: 4vw; color: #fff; letter-spacing: 0vw; line-height: 1.8; text-align: center; margin-bottom: 3vw; position: relative; z-index: 1;}


#all-bx{margin-top: -30vw; margin-bottom: 10vw; background: #F5F5E8; padding: 27vw 0 3vw;}


#con2 {}
#con2 .bx1{width: 100%; margin: 0 auto 14vw; padding: 17vw 0 11vw; background: #FAFAF5}
#con2 .bx1 .inner{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx1 .inner .in-bx{width: 84%; margin: 0 auto;}
#con2 .bx1 .inner .in-bx .ttl1{font-size: 7.4vw; font-weight: bold; letter-spacing: 0.6vw; line-height: 1.25; margin-bottom: 9vw; text-align: center;}
#con2 .bx1 .inner .in-bx .ttl1 span{color: #3878E8;}
#con2 .bx1 .inner .in-bx .img1{margin-bottom: 6vw;}
#con2 .bx1 .inner .in-bx .txt1{font-size: 4vw; letter-spacing: 0.08vw; line-height: 1.8; margin-bottom: 3vw;}

#con2 .bx2{}
#con2 .bx2 .inner{width: 100%; margin: 0 auto 12vw; position: relative; }
#con2 .bx2 .inner .ttl1{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.45; margin-bottom: 9vw; text-align: center;}
#con2 .bx2 .inner .ttl1 .ss1{font-size: 11.5vw; letter-spacing: 0;}
#con2 .bx2 .inner .ttl1 .ss2{color: #3878E8;}
#con2 .bx2 .inner .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner .in-bx .list1{}
#con2 .bx2 .inner .in-bx .list1 li{width: 84%; margin: 0 auto 18vw; position: relative;}
#con2 .bx2 .inner .in-bx .list1 li:last-child{margin-bottom: 0;}
#con2 .bx2 .inner .in-bx .list1 li .num1{width: 19%; position: absolute; left: 5vw; top: -5vw;}
#con2 .bx2 .inner .in-bx .list1 li .img2{}
#con2 .bx2 .inner .in-bx .list1 li .txt2{font-size: 5vw; font-weight: bold; text-align: center; letter-spacing: 0.3vw; line-height: 1.5; background: #fff; padding: 3vw 0px 5vw;}
#con2 .bx2 .inner .in-bx .list1 li .txt2 .ss3{color: #3878E8;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; }
#con3 .bx .inner{width: 84%; margin: 0 auto; }
#con3 .bx .inner .ttl1{width: 50%; margin: 0 auto 1vw; text-align: center; }
#con3 .bx .inner .ttl2{font-size: 8vw; font-weight: bold; letter-spacing: 0.5vw; line-height: 1.8; margin-bottom: 9vw; text-align: center;}


#con3 .bx .inner .in-bx{margin-bottom: 8vw;}
#con3 .bx .inner .in-bx:nth-of-type(2){margin-bottom: 7.5vw;}
#con3 .bx .inner .in-bx:nth-of-type(4){margin-bottom: 14vw;}
#con3 .bx .inner .in-bx .in-ttl1{font-size: 6.7vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 6vw; padding-left: 7vw; position: relative;}
#con3 .bx .inner .in-bx .in-ttl1::before{content: ""; width: 5vw; height: 5vw; background: #3878E8; border-radius: 100%; position: absolute; left: 0; top: 4vw;}
#con3 .bx .inner .in-bx .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;}
#con3 .bx .inner .in-bx .list li{width: 40.5vw; margin-right: 3vw; margin-bottom: 8vw;}
#con3 .bx .inner .in-bx .list li:nth-child(2n){margin-right: 0px;}
#con3 .bx .inner .in-bx .list li .img1{margin-bottom: 3.5vw;}
#con3 .bx .inner .in-bx .list li .txt1{font-size: 3.6vw; letter-spacing: 0.45vw; text-align: center; line-height: 1.2;}
#con3 .bx .inner .in-bx .list li .txt1 span{font-size: 3.4vw; letter-spacing: -0.02vw; text-align: center;}

#con3 .bx .inner .btn{text-align: center; margin-bottom: 22vw;}

#con3 .bx .inner .in-bx1{margin-bottom: 10vw;}
#con3 .bx .inner .in-bx1 .in-ttl1{font-size: 6.7vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.4; margin-bottom: 9vw; padding-left: 7vw; position: relative;}
#con3 .bx .inner .in-bx1 .in-ttl1::before{content: ""; width: 5vw; height: 5vw; background: #3878E8; border-radius: 100%; position: absolute; left: 0; top: 4vw;}
#con3 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner .img2{margin-bottom: 6vw;}
#con3 .bx .inner .in-bx1 .in-inner .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner .in-inner1 .txt2{font-size: 4vw; letter-spacing: 0.08vw; line-height: 1.8; margin-bottom: 3vw;}


#con4 {}
#con4 .bx1{width: 100%; margin: 0 auto 17vw; padding: 14vw 0 2vw; background: #FAFAF5}
#con4 .bx1 .inner{width: 100%; margin: 0 auto; position: relative;}
#con4 .bx1 .inner .in-bx{width: 84%; margin: 0 auto;}
#con4 .bx1 .inner .in-bx .ttl1{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 7vw; text-align: center;}
#con4 .bx1 .inner .in-bx .img1{margin-bottom: 6vw;}
#con4 .bx1 .inner .in-bx .txt1{font-size: 4vw; letter-spacing: 0.08vw; line-height: 1.8; margin-bottom: 8vw;}

#con4 .bx2{}
#con4 .bx2 .inner{width: 84%; margin: 0 auto 10vw; position: relative;}
#con4 .bx2 .inner .in-bx{}
#con4 .bx2 .inner .in-bx .ttl1{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 7vw; text-align: center;}
#con4 .bx2 .inner .in-bx .txt1{font-size: 4vw; letter-spacing: 0.08vw; line-height: 1.8; margin-bottom: 6vw; text-align: center;}
#con4 .bx2 .inner .in-bx .img1{}

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

.recruit-only-bnr{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 50%;
}
.recruit-only-bnr01{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50%;
}