@charset "utf-8";

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

#mainVisual_no_image { background:#43a8c7; display:block; }
#mainVisual_no_image { height: 216px; /*margin: 77px 77px 0; */display: flex; justify-content: start; align-items: center; }
#mainVisual_no_image h2 { font-size: 36px; margin: 50px 0 0 8.5%; }

#main h3 { font-size:30px; font-weight:bold; color:#1a6b84; }

.inner_fixedBox { position:relative; }
.movie { position:relative; width:100%; max-width:980px; padding-top:56.25%; margin:30px auto 0; }
.movie iframe { position:absolute; top:0; right:0; width:100%; height:100%; }

.recruit_index .hidden { display:none; }
.recruit_index .video { position:relative; width:100%; max-width:980px; margin:5% auto 5%; }
.recruit_index iframe { position:absolute; top:0; right:0; width:100%; height:100%; }
/* .recruit_index .active .video { padding-top:56.25%; } */

.recruitCategory { padding:8% 0 0; margin: 0px 2.9% 0px; }
.recruitCategory li a { padding:30px 30px; border: 20px solid #fff; min-height:200px; position:relative; margin:0 0 30px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; overflow:hidden; }
.recruitCategory li.bg_new a { background: url(../img/recruit/common/bg_new.jpg) no-repeat center right / cover; }
.recruitCategory li.bg_career a { background: url(../img/recruit/common/bg_career.jpg) no-repeat top center / cover; }
.recruitCategory li a:after { content:""; position:absolute; bottom:0; left:0; z-index:1; width:35%; height:100%; border-bottom:300px solid #45a77d; border-right:70px solid transparent; }
.recruitCategory li a { display:block; z-index:2; color:#fff; position:relative; width:100%; height:100%; }
.recruitCategory li .recruitCategory_title { position:relative; z-index:2; }
.recruitCategory li .bannerTitle { font-size:36px; line-height:1.5; position:relative; }
.recruitCategory li .bannerTitle::before { content:attr(data-en) ""; font-size:12px; text-align:left; display:block; letter-spacing:0.01em; color:#fff; transition:0.3s; }
.recruitCategory li p { font-size:12px; }
.recruitCategory li .bottomText { margin-top:25px; display:flex; justify-content:flex-start; align-items:center; color:#fff; font-size:11px; letter-spacing:0.01em; }
.recruitCategory li .bottomText::before { content:""; display:block; height:1px; width:30px; margin-right:15px; background:#fff; }


	@media only screen and (min-width: 1400px) {
		.recruitCategory li.bg_new a { background: url(../img/recruit/common/bg_new.jpg) no-repeat center right / 100% auto; max-height:300px; }
	}
	
	@media only screen and (max-width: 1200px) {
		.recruitCategory li a:after { width:30%; }
	}
	
	@media only screen and (max-width: 1024px) {
		.recruitCategory li a { padding:30% 20px 20px; margin:0 0 10px; }
		.recruitCategory li a:after { display:none; }
		.recruitCategory li.bg_new a { background: #45a77d url(../img/recruit/common/bg_new.jpg) no-repeat top right / 150% auto; }
		.recruitCategory li.bg_career a { background: #45a77d url(../img/recruit/common/bg_career.jpg) no-repeat top right / 150% auto; }
	}
	
	@media only screen and (max-width: 767px) {
		#mainVisual_no_image { height: 150px; margin: 60px 0 0; }
		#mainVisual_no_image h2 { font-size:24px; margin:0px 0 0 20px; }
		#main h3 { font-size:20px; }
		.recruitCategory li .bannerTitle { font-size:20px; padding-top:10px; }
		.recruitCategory li .bannerTitle::before { font-size:10px; }
		.recruitCategory li a { border: 5px solid #fff; min-height:auto;  } 
	}
	
	


/* ------------------------------
 PRINT
------------------------------ */

	@media print {
		
	}