/* CSS Document */
/*
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
*/
#header_recruit{
	background-color: #FFFFFF;
}

#contents img{
	width: 100%;
}

.main_bg{
	width: 100%;
	height: 420px;
	background-image: url("../images/main_bg.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 20px;
}

.main_bg .main_contents{
	width: 1000px;
	height: 420px;
	margin: 0 auto;
	position: relative;
}

.main_bg .main_contents h2{
	width: 210px;
	height: 112px;
	position: absolute;
	bottom: 65px;
	left: 0;
	box-sizing: border-box;
}

@media (max-width:950px) {
	.main_bg{
		height: 80vw;
		margin-top: 2vw;
	}

	.main_bg .main_contents{
		width: 100%;
		height: 80vw;
		margin: 0;
	}

	.main_bg .main_contents h2{
		width: 35vw;
		height: auto;
		bottom: 10vw;
		left: 0;
		box-sizing: border-box;
	}
}




.menu_contents{
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	padding-bottom: 12vw;
	margin-bottom: -50px !important;
}

.menu_contents .contents{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0;
	background-color: #FFFFFF;
}

.menu_contents .contents .contents_innr{	
	width: 500px;
	padding: 30px 0 ;
	box-sizing: border-box;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.menu_contents .contents .contents_innr a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 3;
}

.menu_contents .contents .float{
	float: left;
}

.menu_contents .contents .contents_innr h3{
	font-size: 20px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	color: #1f2024;
}

.menu_contents .contents .contents_innr h3::before {
 content: "";
 position: absolute;
 top:35px;
 left: 0;
 right: 0;
 border-bottom: 2px solid #ff0044;
 width : 20px ;
 margin: 0 auto;
 }

.menu_contents .contents .contents_innr .fresh{
	position: absolute;
	width: 301px;
	height: 104px;
	left: 105px;
	top:122px;
	z-index: 2;
}

.menu_contents .contents .contents_innr .main_img{
	overflow: hidden;
	width: 500px;
	height: 320px;
}

.menu_contents .contents .contents_innr .main_img img{
	display: block;
	transition-duration: 0.3s;
}

.menu_contents .contents .contents_innr:hover .main_img img{
	transform: scale(1.1);
	transition-duration: 0.3s;
}

.menu_contents .contents .contents_innr .txt{
	font-size: 18px;
	padding: 40px 40px 20px;
	color: #1f2024;
}

.menu_contents .contents .contents_innr .link{
	font-size: 13px;
	padding: 0 40px 20px;
	color: #ff0044;
	text-align: right;
	position: relative;
	transition-duration: 0.3s;
}


.menu_contents .contents .contents_innr .link::before {
	content: "";
 	background-image: url("../images/arrow.png");
	background-size: 100%;
	background-repeat: no-repeat;
 	position: absolute;
 	top:8px;
 	left: 340px;
	width : 36px;
 	height: 4px;
 	margin: 0 auto;
	transition-duration: 0.3s;
 }


.menu_contents .contents .contents_innr:hover .link{
	opacity: 0.7;	
}

.menu_contents .contents .contents_innr:hover .link::before {
	left: 350px;
}



@media (max-width:950px) {
	
	.menu_contents{	
		padding-bottom: 120px;
	}

	.menu_contents .contents{
		width: 90%;
		padding: 14vw 0 1vw;
	}

	.menu_contents .contents .contents_innr{	
		width: 100%;
		padding: 0 0 8vw;
		margin-bottom: 5vw;
	}

	.menu_contents .contents .float{
		float: none;
	}

	.menu_contents .contents .contents_innr h3{
		font-size: 5vw;
		margin-bottom: 6vw;
	}

	.menu_contents .contents .contents_innr h3::before {
 		top: 8.5vw;
 		left: 0;
 		right: 0;
 		border-bottom: 0.5vw solid #ff0044;
 		width : 8vw ;
 		margin: 0 auto;
 	}

	.menu_contents .contents .contents_innr .fresh{
		width: 50vw;
		height: auto;
		left: 20vw;
		top:18vw;
	}

	.menu_contents .contents .contents_innr .main_img{
		width: 100%;
		height: auto;
	}

	.menu_contents .contents .contents_innr .txt{
		font-size: 3.5vw;
		padding: 5vw;
	}

	.menu_contents .contents .contents_innr .link{
		font-size: 2.8vw;
		padding: 0 5vw 5vw;
	}

	.menu_contents .contents .contents_innr .link::before {
 		top:1.5vw;
 		left: 57vw;
		width : 10vw;
 		height: 2vw;
	}

	.menu_contents .contents .contents_innr:hover .link::before {
		left: 59vw;
	}
	
	
}


.menu_contents .txt02{
	width: 1000px;
	height: auto;
	margin: 50px auto 0;
	padding: 40px 130px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.menu_contents .txt02 a{
	color: #ff0044;
	transition-duration: 0.3s;
}

.menu_contents .txt02 a:hover{
	opacity: 0.7;
	text-decoration: none;
}



@media (max-width:950px) {
	.menu_contents .txt02{
		width: 90%;
		margin: 6vw auto 0;
		padding: 5vw;
		font-size: 3vw;
	}

}