@charset "utf-8";

.mv_wrap {
	position: relative;
}

.mv {
	position: relative;
	width: 100%;
	
}

.mv_img {
	
}

.mv_img img {
	display: block;
	width: 100%;
	min-height:790px;
	height: 100%;
	object-fit: cover;
}

.mv_catch{
	position: absolute;
	top:190px;
	left: 5.5%;
}
.mv_catch h1{
	font-size: 9.0rem;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0;
	color: #222222;
}
.mv_catch h1 span{
	display: inline-block;
	color: #6AA9D7;
}




.mv_banner{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.mv_banner_item{
	margin: 0 10px;
}
.mv_banner_img img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}



/*----- 
	共通 
		-----*/


.index_h2 {
	position: relative;
	margin:0 auto 34px auto;
	text-align: center;
}

.index_h2 h2{
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0;
	margin:0;
}

.index_btn_more{
	position: absolute;
	right: 0;
	bottom: 0;
}
.index_btn_more a{
	text-decoration: underline;
	color: #222;
}



/*----- フェードインアニメーション -----*/
.inview {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1500ms;
}

.inview.on {
	opacity: 1;
	transform: translate(0, 0);
}



/*----- 
		search 
			-----*/

.index_search {
	padding: 55px 20px 70px 20px;
}

.search_area {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 50px 60px 50px;
	box-sizing: border-box;
	background: #E7F1F7;
}

.search_head{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid #0871BC;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.search_head p{
	font-size: 2.0rem;
	font-weight: 500;
	letter-spacing: 0;
	margin: 0;
}
.search_head span{
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0;
}


.search_block {
	display: flex;
	flex-wrap: wrap;
}

.search_box {
	font-size: 1.4rem;
	padding: 10px;
	margin-right: 1%;
	border: 1px solid #B6CFE9;
	border-radius: 3px;
	position: relative;
	height: 40px;
}

.search_box:last-child {
	margin-right: 0;
}

.search_box.work_location {
	width: 18%;
}

.search_box.occupation {
	width: 20%;
}

.search_box.occupation:after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 10px;
	right: 0;
	top: calc(50% - 5px);
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	transform: rotate(45deg);
}

.search_box.word {
	width: 50%;
	box-shadow: 0px 0px 16px -8px #BAE2E9 inset;
}

.search_box.search_button {
	width: 9%;
	padding: 10px 20px 10px 10px;
	text-align: right;
	background: #549CF8;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.search_on {
	display: inline-block;
	padding-left: 22px;
	background-image: url(../img/search_icon_w.png);
	background-repeat: no-repeat;
}

.search_more {
	
}

.search_more a {
	color: #222;
	text-decoration: underline;
}

/*select box*/
select {
	-webkit-appearance: none;
	appearance: none;
	/* デフォルトのスタイルを無効 */
	position: relative;
}

select::-ms-expand {
	display: none;
	/* デフォルトのスタイルを無効(IE用) */
}

/* セレクトボックスの矢印デザイン変更 */
select {
	background-image: url(../img/search_arrow.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 11px;
}




.main_contents{
	background:#E7F1F7;
}

/*----- 
	ピックアップ企業 
		-----*/

.index_pickup_company{
	padding: 70px 0 40px 0;
}
.index_pickup_company .index_h2{
	max-width: 1140px;
	padding: 0 20px;
}

.pickup_company_item {
	text-decoration: none;
	color: #222;
}

.pickup_company_img{
	position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 72.1%;
}
.pickup_company_img img{
	display: block;
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pickup_company_cate_area{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.pickup_company_cate{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0;
	padding: 3px 18px;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #0871BC;
	color: #0871BC;
}

.pickup_company_cate:last-child{
	margin-right: 0;
}

.pickup_company_item h3{
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0;
	margin:0 auto;
}



/*----- 
	プロモーション動画 
			-----*/
.index_movie{
	max-width: 1140px;
	padding: 40px 20px;
	margin: auto;
}
.movie_area{
	display: flex;
	flex-wrap: wrap;
}

.movie_item{
	width:32%;
	margin-right: 2%;
	text-decoration: none;
	color: #222;
}

.movie_item:last-child{
	margin-right: 0;
}

.movie_img{
	position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 68.75%;
}

.movie_img img{
	display: block;
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.movie_cate{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0;
	padding: 3px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #0871BC;
	color: #0871BC;
}

.movie_area h3{
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 auto;
}

/*----- 
	会社説明会
			-----*/
.index_information{
	max-width: 1140px;
	padding: 40px 0 30px 0;
	margin: auto;
}

.information_area{
	display: flex;
	flex-wrap: wrap;
}

.information_item{
	width: 32%;
    margin-right: 2%;
	padding: 22px 0 25px ;
    text-decoration: none;
    color: #222;
	background:#fff;
	border: 1px solid #CCCCCC;
}

.information_item:last-child{
    margin-right: 0;
}

.information_item_head{
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	align-items: flex-start;
}

.information_cate{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0;
	padding: 3px 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #0871BC;
	color: #0871BC;
}
.information_cate:last-child{
	margin-right: 0;
}

.application{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	padding: 3px 16px;
	margin-bottom: 10px;
	border: 1px solid #6AA9D7;
	color: #fff;
	background:#6AA9D7;
	text-align: center;
	min-width: 97px;
}


/*----- 
	社員の声
			-----*/
.index_senior{
	padding: 40px 0 0 0;
}


@media screen and (max-width:767px) {


	/*----- 
		共通
			-----*/

	.index_h2 {
		font-size: 1.8rem;
		margin-bottom: 25px;
	}

	.index_btn_link a {
		min-width: 180px;
		padding: 14px 20px;
		font-size: 1.4rem;
	}

	.index_btn_link {
		padding: 40px 0 0 0;
	}

	/*----- 
		search 
			-----*/
	.index_search {
		padding: 40px 0 50px 0;
	}

	.search_box {
		margin-right: 0;
		margin-bottom: 7px;
	}

	.search_box:last-child {
		margin-bottom: 0;
	}

	.search_box.work_location {
		width: 49%;
		margin-right: 2%;
	}

	.search_box.occupation {
		width: 49%;
	}

	.search_box.word {
		width: 100%;
	}

	.search_box.search_button {
		width: 100%;
		text-align: center;
	}

	.search_more a {
		font-size: 1.3rem;
	}

	.index_search_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}




	

	

}