@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {
/*.hed_tit::before {
    position: absolute;
    content: 'description';
    font-size: 26rem;
	text-transform: uppercase;
    line-height: 1;
    top: 0px;
    left: 50%;
    color: #005993;
	opacity: 0.1;
    z-index: -1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}*/
#hedImg { padding: 100px 0px; background: url("../images/requirements/hed_img.jpg") center center; text-align: center; background-size: cover; }
.hed_tit::before {
content: 'Recruit Information';
}
/*------------*/
#bg { width: 100%; margin: 0 auto; position: relative; }
#bg::after { position: absolute; left: 0; right: 0; display: block; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); bottom: -100px; height: 80vw; width: 100%; content: ""; opacity: 0.09; z-index: -1;   content: '';
position: absolute;
top: 200px;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%);  opacity: 0.09;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: -1; }

.main_box { margin-bottom: 80px; }
.main_tit { font-size: 25px; font-weight: bold; margin-bottom: 15px; color: #028ce4; }
.main_txt { line-height: 2em; }

.sub_hed { width: 1100px; margin: auto auto auto 0; position: relative; margin-bottom: 30px; }
.sub_hed_img { width: 100%; margin: 0 auto; }
.sub_hed_img img { width: 100%; height: auto; }
.sub_hed::before { content: ""; position: absolute; top: -50px; width: 120%; left: -500px; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); height: 100%; display: block; opacity: 0.1; z-index: -1; }

.work_box { width: 100%; margin: 0 auto; border-top: 1px solid #ececec; padding-top: 50px; padding-bottom: 50px;  }
.work_tit { font-size: 20px; font-weight: bold; margin-bottom: 30px; position: relative; padding-left: 60px; }
.work_tit::before { content: ""; width: 50px; height: 1px; background: #028ce4; top: 48%; left: 0; position: absolute; display: block; }
.work_txt { text-align: left; line-height: 2em; }
.work_img { width: 30%; float: right; margin-left: 30px; }

.work_imgbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; padding-top: 50px; border-top: 1px solid #ececec; }
.work_imgbox_img { flex-basis: 30%; margin-right: 5%; }
.work_imgbox_img img { width: 100%; height: auto; }
.work_imgbox_txtbox { flex-basis: 65%; }
.work_imgbox_tit { font-size: 18px; font-weight: bold; color: #028ce4; margin-bottom: 15px; }
.work_imgbox_txt { text-align: left; }


/*----*/
.jbTxt p {
text-align: center;
font-size: 2rem;
font-weight: bold;
}


}




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



/*sp*/
@media only screen and (max-width: 767px) {
#hedImg { padding: 50px 0px; background: url("../images/requirements/hed_img.jpg") center center; text-align: center; background-size: cover; }
.hed_tit::before {
content: 'Recruit Information';
}
/*------------*/
#bg { width: 100%; margin: 0 auto; position: relative; }
#bg::after { position: absolute; left: 0; right: 0; display: block; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); bottom: -100px; height: 80vw; width: 100%; content: ""; opacity: 0.09; z-index: -1;   content: '';
position: absolute;
top: 200px;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%);  opacity: 0.09;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: -1; }

.main_box { margin-bottom: 50px; }
.main_tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #028ce4; }
.main_txt { line-height: 2em; }

.sub_hed { width:100%; margin: auto auto auto 0; position: relative; margin-bottom: 30px; }
.sub_hed_img { width: 100%; margin: 0 auto; }
.sub_hed_img img { width: 100%; height: auto; }
.sub_hed::before { content: ""; position: absolute; top: -50px; width: 100%; left: -100px; background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.95) 100%); height: 100%; display: block; opacity: 0.1; z-index: -1; }

.work_box { width: 100%; margin: 0 auto; border-top: 1px solid #ececec; padding-top: 50px; padding-bottom: 50px;  }
.work_tit { font-size: 18px; font-weight: bold; margin-bottom: 30px; position: relative; padding-left: 60px; }
.work_tit::before { content: ""; width: 50px; height: 1px; background: #028ce4; top: 48%; left: 0; position: absolute; display: block; }
.work_txt { text-align: left; line-height: 2em; }
.work_img { width: 100%; margin: 0 auto 30px; }
.work_imgbox { width: 100%; margin: 0 auto;  padding-top: 50px; border-top: 1px solid #ececec; }
.work_imgbox_img { width: 100%; margin-bottom: 30px; }
.work_imgbox_img img { width: 100%; height: auto; }
.work_imgbox_txtbox { width: 100%; margin: 0 auto; }
.work_imgbox_tit { font-size: 16px; font-weight: bold; color: #028ce4; margin-bottom: 15px; }
.work_imgbox_txt { text-align: left; }

/*----*/
.jbTxt p {
text-align: center;
font-size: 1.6rem;
font-weight: bold;
}




}