@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

/*--------hed_img------------*/

.logo_index { display: none; }

#hedImg {
background: url(../images/recruitment/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.about_box { margin-bottom: 70px; }




.business_box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto 100px; }
.business_box00 { width: 100%; margin: 0 auto 100px; }

.business_txtbox { width: 48%; justify-content: center; align-items: center; margin-right: 4%; }
.business_imgbox { width: 48%; justify-content: center; align-items: center; }

.business_txtbox2 { width: 48%; justify-content: center; align-items: center;  }
.business_imgbox2 { width: 48%; justify-content: center; align-items: center; margin-right: 4%; }

/*-------------index--------*/
.comBox {
margin-top: 70px;
}

.rtHedBox {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 70px;
}

.rtBox {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}

.rtBox h4 {
text-align: center;
font-size: 1.2em;
margin-bottom: 10px;
color: #d0121b;
}

caption {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 10px;
}

.rtable td {
text-align: center;
color: #d0121b;
}

.rtHedBox_b {
margin-bottom: 70px;
}

.com_table3 th {
white-space: nowrap
}

/*.entry_btn { width: 100%; margin: 0 auto; }
.entry_btn a { display: block; background:#d0121b; padding:30px 15px; position: relative; text-align: center; color: #fff; font-size:1.4em; font-weight:bold; }
.entry_btn a::before { position: absolute; display: block; content: "\f054"; font-family: "Font Awesome 5 Free"; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-weight: bold; text-align: center; line-height: 40px; top: 22px; right: 50px; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out; }
.entry_btn a:hover::before { right: 35px; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;}*/

.recruitment_txtBox {
height: 120px;
text-align: center;
}

.recruitment_txtBox p.btn a {
display: block;
width: 120px;
margin: auto;
padding: 10px;
text-align: center;
background-color: #222222;
color: #fff;
}
.recruitment_txtBox p.btn a:hover {
background-color: #d0121b;
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

/*--------------------*/

#hedImg {
background: url(../images/recruitment/hed_img.jpg) center center no-repeat;
background-size: cover;
}



/*-------------index--------*/

.read_btn a { font-size: 14px; color: #003772; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; margin-bottom: 30px; }
.read_btn a { color: #003772; font-size: 14px; font-weight: bold; display: block; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #003772; font-weight: bold; right: 20px;  font-size: 16px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.read_btn2 { text-align: center; position: relative; z-index: 100;}
.read_btn2 a span { font-size: 14px; color: #fff; position: relative; text-align: center; padding-right: 50px; margin-top: 30px; }
.read_btn2 a { color: #fff; font-size: 14px; font-weight: bold; display: block; }
.read_btn2 a span::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px;  font-size: 16px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn2 a:hover span::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.business_04_tit { font-size: 16px; text-align: center; font-weight: bold; margin-top: 50px; color: #fff; margin-bottom: 30px; letter-spacing: 0.2em; }

.business_box00 { width: 100%; margin: 0px auto 50px; }
.business_box { width: 100%; margin: 0px auto 50px; }

.particles-wrap { width:  100%; background: url(../images/business/img04.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden; border: 5px solid #003772; height: 200px; margin: 0 auto; box-sizing: border-box; }
#hoge { width: 100%; min-height: 400px; overflow: hidden; }
.particles-js-canvas-el { position: absolute; top: 0; left: 0; right: 0; }


/*-------------index--------*/
.comBox {
margin-top: 40px;
}

.rtHedBox {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;*/
margin-bottom: 50px;
}

.rtBox {
width: 100%;
/*-ms-flex-preferred-size: 48%;
flex-basis: 48%;*/
}

.rtBox:first-child {
margin-bottom: 50px;
}


.rtBox h4 {
text-align: center;
font-size: 1.2em;
margin-bottom: 10px;
color: #d0121b;
}

caption {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 10px;
}

.rtable td {
text-align: center;
color: #d0121b;
}

.rtHedBox_b {
margin-bottom: 50px;
}



.recruitment_txtBox {
text-align: center;
margin: 0 0 30px
}



/*.entry_btn { width: 100%; margin: 0 auto; }
.entry_btn a { display: block; background:#d0121b; padding: 15px; position: relative; text-align: center; color: #fff; font-size:1em; font-weight:bold;}
.entry_btn a::before { position: absolute; display: block; content: "\f054"; font-family: "Font Awesome 5 Free"; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-weight: bold; text-align: center; line-height: 30px; top: 12px; right: 15px; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out; font-size: 0.8em; }
.entry_btn a:hover::before { right: 10px; -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;}*/




}