@charset "UTF-8";
#header.recruit{
background-color:#fff;
position:relative;
padding-bottom:1px;
z-index:999;
}
/* keyVisual ------------------*/
/* #keyVisual .bgArea.mainImg{
background-image:url(../img/recruit/main_img.jpg);
z-index:-10;
} */

#keyVisual.recruit .bgArea.mainImg{
background-image:url(../img/recruit/main_img.jpg);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#keyVisual.recruit .txtCatch{
color:#728261;
text-shadow:none;
position: relative;
padding-top:40%;
}

#keyVisual .txtCatch .txt01{
bottom:50%;
}

#keyVisual.bgFix .bgArea.mainImg{
background-image:url(../img/rule/main_img.jpg);
}


#keyVisual > .txtCatch > .ttlBlc{
display:table-cell;
vertical-align:middle;
}

#keyVisual:not(.fixed):not(.fix) .mainImg{
top:0!important;
}

#keyVisual > .bgArea.fix{
position:fixed;
left:0;
padding-top:0;
z-index:-1;
}

#keyVisual > .txtCatch.fixed{
position:relative;
}

#blc01{
position:relative;
overflow:hidden;
}

#blc01 .parallaxBlc .ttlStyle02 .txt01{
position:relative;
z-index:8;
}

#blc01 .animateBlc{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

#blc01 .animateBlc .bird01{
width:9%;
position:absolute;
top:2%;
right:90%;
z-index:6;
}

#blc01 .animateBlc .bird02{
width:9%;
position:absolute;
top:10%;
left:50%;
z-index:4;
}

#blc01 .animateBlc .bird03{
width:6%;
position:absolute;
top:30%;
left:70%;
z-index:4;
}

#blc01 .animateBlc .bird04{
width:6%;
position:absolute;
top:15%;
left:80%;
z-index:4;
}

#blc01 .animateBlc .cloud01{
width:26%;
position:absolute;
bottom:0;
right:85%;
z-index:4;
}

#blc01 .animateBlc .cloud01 > img{
animation:floatOne 8s ease-in-out infinite;
}

#blc01 .animateBlc .cloud02{
width:62%;
position:absolute;
bottom:4%;
right:55%;
z-index:4;
}

#blc01 .animateBlc .cloud02 > img{
animation:floatTwo 6s ease-in-out infinite;
}

#blc01 .animateBlc .cloud03{
width:54%;
position:absolute;
bottom:2%;
left:50%;
z-index:4;
}

#blc01 .animateBlc .cloud03 > img{
animation:floatOne 7s ease-in-out infinite;
}

#blc01 .animateBlc .cloud04{
width:73%;
position:absolute;
bottom:14%;
left:65%;
z-index:4;
}

#blc01 .animateBlc .cloud04 > img{
animation:floatTwo 6s ease-in-out infinite;
}

#blc01 .animateBlc .cloud05{
width:16%;
position:absolute;
top:10%;
left:89%;
z-index:4;
}

#blc01 .animateBlc .cloud05 > img{
animation:floatTwo 6s ease-in-out infinite;
}

#blc01 .animateBlc .cloud06{
width:20%;
position:absolute;
top:12%;
left:75%;
z-index:4;
}

#blc01 .animateBlc .cloud06 > img{
animation:floatOne 8s ease-in-out infinite;
}

#blc01 .animateBlc .cloud07{
width:22%;
position:absolute;
top:40%;
right:82%;
z-index:4;
}

#blc01 .animateBlc .cloud07 > img{
animation:floatTwo 7s ease-in-out infinite;
}

#blc01 .animateBlc .cloud08{
width:19%;
position:absolute;
top:40%;
right:75%;
z-index:4;
}

#blc01 .animateBlc .cloud08 > img{
animation:floatOne 9s ease-in-out infinite;
}

#blc01 .animateBlc .cloud09{
width:19%;
position:absolute;
bottom:32%;
left:75%;
z-index:4;
}

#blc01 .animateBlc .cloud09 > img{
animation:floatOne 7s ease-in-out infinite;
}

#blc01 .animateBlc .cloud10{
width:19%;
position:absolute;
bottom:26%;
left:85%;
z-index:4;
}

#blc01 .animateBlc .cloud10 > img{
animation:floatTwo 8s ease-in-out infinite;
}

#blc01 .animateBlc .cloud11{
width:19%;
position:absolute;
bottom:8%;
right:85%;
z-index:4;
}

#blc01 .animateBlc .cloud11 > img{
animation:floatTwo 9s ease-in-out infinite;
}

#blc01 .animateBlc .cloud12{
width:19%;
position:absolute;
bottom:2%;
right:78%;
z-index:4;
}

#blc01 .animateBlc .cloud12 > img{
animation:floatTwo 7s ease-in-out infinite;
}

#blc01 .animateBlc .bgCloud01{
width:26%;
position:absolute;
top:8%;
left:80%;
z-index:4;
}

#blc01 .animateBlc .bgCloud02{
width:26%;
position:absolute;
top:40%;
right:80%;
z-index:4;
}

#blc01 .animateBlc .bgCloud03{
width:16%;
position:absolute;
bottom:32%;
left:80%;
z-index:4;
}

#blc01 .animateBlc .bgCloud04{
width:16%;
position:absolute;
bottom:6%;
right:80%;
z-index:4;
}

.recruitBlc{
background-color:rgba(243,243,243,.8);
position:relative;
}

#blc02{
position:relative;
background-color:#fff;
z-index:1;
}

.galleryBlc{
margin:2% 0;
}

#blc03{
background-color:#f3f3f3;
}

#formBlc{
background-color:#00223d;
}

#formBlc .inner{
width:96%;
background-color:#fff;
margin-right:auto;
margin-left:auto;
box-sizing:border-box;
}

#formBlc .btnCenter{
display:block;
text-align:center;
}

@media screen and (max-width: 1200px){
#keyVisual .txtCatch{
opacity:0;
}

#keyVisual.recruit .bgArea.mainImg{
background-image:url(../img/recruit/main_img.jpg);
position:relative;
top:auto;
left:auto;
}

#keyVisual.recruit .txtCatch{
position: absolute;
bottom:40%;
padding-top:0;
}

#keyVisual.recruit .txtCatch .txt01{
font-size:120%;
}

#keyVisual.recruit .bgArea{
padding-bottom:10%;
}
}
@media screen and (max-width: 1000px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 640px){}
@media screen and (max-width: 570px){}
@media screen and (max-width: 480px){
#keyVisual.recruit .txtCatch .txt01{
font-size:100%;
}
}
@media screen and (max-width: 360px){}


@keyframes floatOne {
	0% {
		-webkit-transform: translate(0px,-20px);
      	-ms-transform: translate(0px,-20px);
		transform: translate(0px,-20px);
	}
	50% {
		-webkit-transform: translate(-50px,0px);
      	-ms-transform: translate(-50px,0px);
		transform: translate(-50px,0px);
	}
	100% {
		-webkit-transform: translate(0px,-20px);
      	-ms-transform: translate(0px,-20px);
		transform: translate(0px,-20px);
	}
}

@keyframes floatTwo {
	0% {
		-webkit-transform: translate(0px,20px);
      	-ms-transform: translate(0px,20px);
		transform: translate(0px,20px);
	}
	50% {
		-webkit-transform: translate(-50px,0px);
      	-ms-transform: translate(-50px,0px);
		transform: translate(-50px,0px);
	}
	100% {
		-webkit-transform: translate(0px,20px);
      	-ms-transform: translate(0px,20px);
		transform: translate(0px,20px);
	}
}

@keyframes floatThree {
	0% {
		-webkit-transform: translate(0px,30px);
      	-ms-transform: translate(0px,30px);
		transform: translate(0px,30px);
	}
	50% {
		-webkit-transform: translate(-70px,0px);
      	-ms-transform: translate(-70px,0px);
		transform: translate(-70px,0px);
	}
	100% {
		-webkit-transform: translate(0px,30px);
      	-ms-transform: translate(0px,30px);
		transform: translate(0px,30px);
	}
}



/* keyVisual ------------------*/
#keyVisual .bgArea.mainImg{
background-image:url(../../img/top/main_img.jpg);
}

#keyVisual .bgArea.mainImg:after{
display:block;
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
/* background-color:rgba(209,192,165,.6); */
}

#keyVisual .txtCatch{
display:table;
top:0;
bottom:0;
margin:auto 0;
}

#keyVisual .txtCatch > .ttlBlc{
display:table-cell;
vertical-align:middle;
}

@media screen and (max-width: 1200px){
#keyVisual .txtCatch{
opacity:1;
}
}