@charset "UTF-8";


#index #iconList ul,
#index #writeList ul{
	display:flex;
	flex-wrap:wrap;
}

#index #iconList ul{		justify-content: space-between;	}
#index #writeList ul{		justify-content: flex-start;	}

#index #iconList li{
	text-align:center;
	background:#ffffff;
	border-radius: 10px;
	overflow:hidden;
}

#index #iconList li a{
	box-sizing: border-box;
	display:block;
	box-sizing: border-box;
	padding-top:0px;
	font-weight: bold;
	color:#666666;
	background-color:#f6f6f6;
	background-image:url("../img/arrow_right.svg");
	background-repeat:no-repeat;
	background-position:94% 55%;
}

#index #iconList li a:hover{
	text-decoration: none;
	opacity: 0.5
}

#index #iconList li div{
		border-bottom:1px solid #e7e7e7;
		width:96%;
}


#index #iconList li figure{
	margin:0 auto 0;
}

#index #iconList li figure img{
	display:block;
}

#index #iconList li strong{
	font-size:16px;
	display:block;
	font-weight: normal;
	color:#f67291;
}

/*	記入ボタンリスト
----------------------------------------------*/

#index #writeList li{
	box-shadow: 0 0 10px rgba(45, 45, 45, 0.3);
	border-radius:10px;
	overflow:hidden;
	padding:0;
}

#index #writeList li:last-child{		margin-right: 0;	}


#index #writeList li a{
	display:flex;
	align-items:center;
	color:#ffffff;
	background-image:url("../img/arrow_right_white.svg");
	background-repeat:no-repeat;
	background-position:97% 50%;
	background-size:14px;
	background-color:rgb(2,165,176);
	padding:10px 0 10px 14px;
	width:100%;
	box-sizing:border-box;
}

#index #writeList li a:hover{
	opacity: 0.7;
	text-decoration: none;
}

#index #writeList li a > figure{
	width:70px;
	padding:0 0 0 0;
	margin:0 10px 0 0;
}

#index #writeList li a figure img{
	display:block;
}

#index #writeList li div{
	width:195px;
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

#index #writeList .iconNotice{
	width:28px;
}

/*追記 22.08 就活のヒント　ボタン
----------------------------------------------*/

#index #hintConts .itemBtn{
	box-shadow: 0 0 10px rgba(45, 45, 45, 0.3);
	border-radius:10px;
	overflow:hidden;
	padding:0;
}

#index #hintConts .itemBtn a{
	display:flex;
	display:flex;
	align-items:center;
	justify-content: center;
	background-image:url("../img/arrow_right.svg"),url("../img/top_hint_bg01.png"),url("../img/top_hint_bg02.png");
	background-repeat:no-repeat;
	background-position:99.2% 50%,90px center,right 96px center;
	background-size:14px,47px,46px;
	background-color:#f6f6f6;
	padding:28px 0 28px;
	width:100%;
	box-sizing:border-box;
}

#index #hintConts .itemBtn a:hover{
	text-decoration: none;
	opacity: 0.5
}


#index #hintConts .itemBtn a figure{
	order: 0;
	width: 290px;
	margin-right: 15px;
}

#index #hintConts .itemBtn a .itemBtnTxt{
	order: 1;
	font-size: 14px;
	color: #000000;
}
/*終 追記 22.08 就活のヒント　ボタン
----------------------------------------------*/




/*--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 981px) {

	#index #iconList{		margin-bottom:5px !important;	}
	#index #writeList{		margin-bottom:20px;	}

	/*追記　22.02.07*/
	#index #iconList ul{		justify-content: flex-start;	}
	#index #iconList li#listRecruit{			margin-right: 20px;	}
	#index #iconList li:not(#listRecruit):not(#listIntn){			margin-right: 21px;	}
	#index #iconList ul li:last-child:not(#listRecruit):not(#listIntn){		margin-right: 0px;	}
	#index #iconList li:not(#listRecruit):not(#listIntn) a{		width:229px;	}
	/*end 22.02.07*/



	#index #iconList li{
		box-shadow: 0 0 10px rgba(45, 45, 45, 0.3);
		border-radius: 10px;
		margin-bottom: 20px;
	}

	#index #iconList li figure{
			width:160px;
			margin:0 auto;
	}

	#index #iconList li#listRecruit,	#index #iconList li#listIntn{
			margin-top: 0px;
	}

	#index #iconList li#listRecruit a,	#index #iconList li#listIntn a{
		width:480px;
		height:170px;
	}

/*修正・追記　22.12.08*/

	#index #iconList li a{
		width:229px;
		height:100%;
		color:#666666;
		display:block;
		background-position:94% 58%;
		background-size:24px;
	}
	#index #iconList li:not(#listRecruit,#listIntn) a{
		background-position:left 94% bottom 38%;
		padding-bottom:5px;
	}

	#index #iconList li:not(#listRecruit,#listIntn) div{
		padding:10px 0 5px;
		min-height:50px;
		display:flex;
		justify-content: center;
		align-items: center;
	}

/*end 22.12.08*/

	#index #iconList li div{
		font-size:17px;
		padding:10px 0 10px;
		margin:0 auto 8px;
	}


	#index #iconList li figure{
		width:90px;
		margin:0 auto 0;
	}

	#index #iconList li#listRecruit figure,
	#index #iconList li#listIntn figure{
		width:110px;
		margin-bottom:6px;
	}

	#index #iconList li strong{		font-size:15px;	}
	
	#index #writeList li{	
		width:321px;
		margin-right: 8px;
	}
	
	/*追記 22.08 就活のヒント　ボタン
	----------------------------------------------*/

	#index #hintConts .itemBtn{
		border-radius:10px;
	}
	/*終 追記 22.08 就活のヒント　ボタン
	----------------------------------------------*/


}/*	END min-981 */


/*--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:980px){

	#index #iconList{		margin-bottom:1.5vw;	}
	#index #writeList{		margin-bottom:3.3vw;	}

	#index #iconList li{
		box-shadow: 0 0 3px rgba(45, 45, 45, 0.3);
		width:23.5%;
		margin-bottom:1.8vw;
	}

	#index #iconList li a{
		width:100%;
		height:20vw;
		background-position:94% 58%;
		background-size:2.5vw;
	}


	#index #iconList li#listRecruit,#index #iconList li#listIntn{
		width:49%;
	}

	#index #iconList li a figure{	/* アイコン */
		width:11vw;
		margin:0 auto 1.4vw;
	}

	#index #iconList li#listRecruit figure,	#index #iconList li#listIntn figure{
		width:14vw;
		margin-bottom:1vw;
	}

	#index #iconList li div{
		font-size:1.8vw;
		padding:0.8vw 0 0.8vw;
		margin:0 auto 2vw;
	}

/*修正・追記　22.12.08*/
	#index #iconList li:not(#listRecruit,#listIntn) a{
		height:21vw;
		background-position:94% 64%;
	}

	#index #iconList li:not(#listRecruit,#listIntn) div{
		height:8.5vw;
		display:flex;
		align-items: center;
		justify-content: center;
		margin-bottom:0;
		padding-bottom:0;
	}
/*end 22.12.08*/

	#index #iconList li#listRecruit div,	#index #iconList li#listIntn div{
		margin-bottom: 1.3vw;
	}

	#index #iconList li strong{		
		margin-top: -0.6vw;	
		font-size:1.8vw;
	}


	#index #writeList li{
		width: 32.5%;
		box-shadow: 0 0 3px rgba(45, 45, 45, 0.3);
		margin-right: 1.25%;
	}

	#index #writeList li a{
		background-size:1.8vw;
		padding:1vw 0 1vw 3%;
		width:100%;
	}

	#index #writeList li a > figure{
		width:20%;
		margin:0 0.5vw 0 0;
	}

	#index #writeList li a figure img{
		display:block;
	}

	#index #writeList li div{
		font-size:1.6vw;
		width: 67%;
	}

	#index #writeList .iconNotice{
		width:2.8vw;
	}

	/*追記 22.08 就活のヒント　ボタン
	----------------------------------------------*/

	#index #hintConts{
		margin:-1.6vw auto 2.5vw;
	}

	#index #hintConts .itemBtn{
		box-shadow: 0 0 3px rgba(45, 45, 45, 0.3);
		border-radius:10px;
	}

	#index #hintConts .itemBtn a{
		background-position:99.2% 50%,7.2vw center,right 7.4vw center;
		background-size:2.5vw,5.7vw,5.6vw;
		padding:4vw 0 4vw;
		justify-content: center;
	}

	#index #hintConts .itemBtn a figure{
		width: 29vw;
		margin-left: 0;
		padding: 0 0 0 0;
		margin-right: 1.2vw;
	}

	#index #hintConts .itemBtn a .itemBtnTxt{
		font-size:1.6vw;
	}
/*終 追記 22.08 就活のヒント　ボタン
----------------------------------------------*/


}	/*	END 600-980 */


/*--------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {


	#index #iconList{		margin-bottom:3vw;	}
	#index #writeList{		margin-bottom:3vw;	}

	#index #iconList li{
		width:48%;
		margin-bottom:3.5vw;
		border-radius: 3vw;
		box-shadow: 0 0 3px rgba(45, 45, 45, 0.3);
	}

	#index #iconList li a{
		width:100%;
		height:43vw;
		padding-top:1vw;
		background-repeat:no-repeat;
		background-position:95% 60%;
		background-size:4vw;
	}


	#index #iconList li a figure{	/* アイコン */
		width:52%;
		margin:2vw auto 1.4vw;
	}

	#index #iconList li#listRecruit a figure,
	#index #iconList li#listIntn a figure{
		width:51%;
		margin-top: 4vw;
	}


	#index #iconList li a div span{
		display:table-cell;
		vertical-align: middle;
	}

	#index #iconList li a strong{
		font-size:2.9vw;
		margin-top:3vw;
	}

/*修正・追記　22.12.08*/
	#index #iconList li a{
		width:100%;
		height:44vw;
		padding-top:1vw;
		background-repeat:no-repeat;
		background-position:95% 60%;
		background-size:4vw;
	}

	#index #iconList li a div{
		width:92%;
		font-size:3.8vw;
		line-height:1.3;
		padding:0 0 0 0;
		display:table;
		height:14vw;
		margin:0 auto 0;
	}

	#index #iconList li:not(#listRecruit,#listIntn) div{
		height:16vw;
		margin-bottom:0;
		padding-bottom:0;
	}

/*end 22.12.08*/



	#index #writeList li{
		box-shadow: 0 0 5px rgba(45, 45, 45, 0.3);
		width:100%;
		border-radius:2vw;
		margin-bottom:2.5vw;
	}

	#index #writeList li a{
		display:flex;
		align-items:center;
		color:#ffffff;
		background-repeat:no-repeat;
		background-position:97% center;
		background-size:3.5vw;
		padding:2vw 0 2vw 10px;
		box-sizing:border-box;
	}

	#index #writeList .pcOnly{
		display:none;
	}

	#index #writeList li a > figure{
		width:13vw;
		padding:0 0 0 0;
		margin:0 2vw 0 0;
	}

	#index #writeList li a figure img{
		display:block;
	}

	#index #writeList li div{
		width:66vw;
		font-size:3.3vw;
		font-weight:bold;
		align-items: center;
		justify-content: space-between;
	}

	#index #writeList .iconNotice{
		width:6.5vw;
	}

	/*追記 22.08 就活のヒント　ボタン
	----------------------------------------------*/

	#index #hintConts{
		margin: -3vw auto 4vw;
		padding: 0 0 0 0;
	}

	#index #hintConts .itemBtn{
		box-shadow: 0 0 3px rgba(45, 45, 45, 0.3);
		border-radius: 3vw;
	}

	#index #hintConts .itemBtn a{
		background-position:97% 50%,8.7vw center,right 8.8vw center;
		background-size:3.5vw,9vw,9.4vw;
		padding:5vw 0 5vw;
		flex-wrap: wrap;
		justify-content: center;
	}

	#index #hintConts .itemBtn a figure{
		width: 48vw;
		padding: 0 1vw 0 0;
		margin: 0 auto 2.3vw;
		display: block;
	}

	#index #hintConts .itemBtn a .itemBtnTxt{
		font-size:2.7vw;
		width: 100%;
		line-height: 1;
		text-align: center;
		margin: 0 auto;
		display: block;
	}

/*終 追記 22.08 就活のヒント　ボタン
----------------------------------------------*/


}