@charset "utf-8";

#subTitle .ttl{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 170px;
	height: 169px;
}

#wrapper .bnr {
	width: 100%;
	background: #502700;
	border-top: solid 4px #f8ba11;
	border-bottom: solid 4px #f8ba11;
	padding: 13px 0 10px;
	position: fixed;
	bottom: 0;
	z-index: 999;
}

#wrapper .bnr a {
	width: 100%;
	height: 92px;
	display: block;
	background: url(./../img/bnr_entry.png) center no-repeat;
}
#mynavi2023{
	width: 35%;
}

.txtNote01{
	margin:0 0 14px;
	color:#f8b500;
	font-size:12px;
	line-height:1.67;
}

.guidelineLink {
	width:50%;
	margin:0 auto 20px auto;
}
.boxLink{overflow:hidden;
margin:0px 0px 50px 0px;}
	.boxLink li{
		float:left;
		width:50%;
		margin:0px 0px 20px 0px;
	}
	.boxLink li:first-child{padding-right:12px;}
	.boxLink li:last-child{padding-left:12px;}

.newGraduateLink{overflow:hidden;}
	.newGraduateLink li{
		float:left;
		line-height:80px;
		width:48%;
		margin:20px 0px 20px 0px;
		border:#502700 solid 1px;
	}
	.newGraduateLink li:first-child{margin-right:13px;}
	.newGraduateLink li:last-child{margin-left:13px;}
	
	
	

	
.boxGraduate01{
	padding:40px;
	height:668px;
	margin:0 0 20px;
	background:#6ab3e3 url(/joyfull/recruiting/new-graduate/img/bg_graduate01.jpg) no-repeat 0 0;
}
	.boxGraduate01 ul{
		overflow:hidden;
		margin:0 -26px 0 0;
	}
	.boxGraduate01 li{
		float:left;
		width:193px;
		height:408px;
		margin:0 25px 0 0;
		padding:20px 0;
		background-color:#fff5db;
	}
	.boxGraduate01 li:nth-child(1){transform:translateX(218px);}
	.boxGraduate01 li:nth-child(2){transform:translateX(-218px);}
	.boxGraduate01 .title{
		margin:0 0 8px;
		padding:0 20px;
	}
		.boxGraduate01 .title .ttl{
			margin-left:7px;
			padding-left:40px;
			background: url(/joyfull/common/img/ico_square.gif) no-repeat left center;
			font-size:30px;
		}
			.boxGraduate01 .title .ttl i{
				font-style:normal;
				color:#f8b500;
			}
	.boxGraduate01 .text{
		margin:0 0 10px;
		padding:0 20px;
	}
		.boxGraduate01 .text .txt01{
			margin:0 0 8px;
			color:#f8b500;
			font-size:20px;
			line-height:1.3;
			text-align:center;
			letter-spacing: -0.05em;
		}
		.boxGraduate01 .text .txt02{
			font-size:12px;
			line-height:19px;
			letter-spacing: -0.05em;
		}
	.boxGraduate01 .img{
		margin:0 0 10px;
		padding:0 26px;
	}
	.boxGraduate01 .btn{
		display:block;
		padding:0 26px;
	}
		.boxGraduate01 .btn span{
			display:block;
			position:relative;
			padding:5px 0;
			background-color:#502700;
			color:#fff;
			font-size:14px;
			text-align:center;
		}
		.boxGraduate01 .btn span:after{
			position:absolute;
			top:50%;
			right:10px;
			width:12px;
			height:12px;
			margin-top:-6px;
			background: url(/joyfull/common/img/ico_arrow31.png) no-repeat 0 0;
			content:'';
		}
	.boxGraduate01 .btn:hover{text-decoration:none;}
		.boxGraduate01 .btn:hover span{
			background-color:#fff;
			color:#502700;
		}
		.boxGraduate01 .btn:hover span:after{
			background: url(/joyfull/common/img/ico_arrow32.png) no-repeat 0 0;
		}

.secGraduate01{margin:0 0 60px;}
	.secGraduate01 .mainimg{margin:0 0 20px;}
	.secGraduate01 .txtRecruiting01{margin:0 0 20px;}
.secGraduate02{margin:0 0 102px;}
.secGraduate03{margin: 0 0 74px;}
.secGraduate04{margin:0 0 61px;}
.secGraduate05{margin:0 0 90px;}
.secGraduate06{margin:0 0 70px;}
	.secGraduate02 .h2_basic01{margin:0 0 26px;}
	.secGraduate02 .ttlRecruiting01{margin:0 0 13px;}
	.secGraduate02 .txtRecruiting01{margin:0 0 34px;}
	.secGraduate04 .h2_basic01{margin:0 0 23px;}
	.secGraduate05 .img{margin:0 0 24px;}
	.secGraduate05 a{text-decoration:underline;}
	.secGraduate05 a:hover{text-decoration:none;}
	.secGraduate06 .h2_basic01{margin:0 0 27px;}
	.secGraduate06 .ttlRecruiting01{margin:0 0 13px;}
	.secGraduate06 .txtRecruiting01{margin:0 0 30px;}

@media screen and (max-width:767px) {
	#wrapper .bnr a {
		width: 100%;
		height: 61px;
		background: url(./../img/bnr_entry_sp.png) center no-repeat;
		background-size: contain;
	}
	#mynavi2023{
		width: 50%;
	}
	.txtNote01{
		margin:0 0 3px;
		font-size:9px;
		letter-spacing: -0.05em;
	}
	.guidelineLink {
		width:50%;
		margin:0 auto 10px auto;
	}
	.boxLink li:first-child{padding-right:5px;}
	.boxLink li:last-child{padding-left:5px;}
	/*
	.boxLink li span.line01 {
		height:50px;
		padding:15px 0px 0px 0px;
	}
	.boxLink li span.line02 {
		height:50px;
		padding:8px 0px 0px 0px;
	}
	*/
	
	
	.newGraduateLink{overflow:hidden;}
	.newGraduateLink li{
		float:none;
		line-height:50px;
		width:98%;
		margin:0px 0px 20px 0px;
		
		border:#502700 solid 1px;
	}
	
	.newGraduateLink li:first-child{margin-right:0px;}
	.newGraduateLink li:last-child{margin-left:0px;}
	
	
	.button_newGraduateLink span{
		background:#ffffe6;
		display:block;
		width:100%;
		height:100%;
	}
	
	.button_newGraduateLink:hover span{
		background:#502700;
	}
	
	
	
	.boxGraduate01{
		height: auto;
		padding:10px;
		padding-bottom: 100px;
		margin:0 0 10px;
		background:#6ab3e3 url(/joyfull/recruiting/new-graduate/img/bg_graduate01_sp.jpg) no-repeat center bottom / cover;
	}
		.boxGraduate01 ul{margin:0;}
		.boxGraduate01 li{
			position:relative;
			float:none;
			width:auto;
			height:auto;
			margin:0 0 10px 0;
			padding:5px 10px;
			overflow: hidden;
		}
		.boxGraduate01 li:nth-child(1){transform:translateX(0);}
		.boxGraduate01 li:nth-child(2){transform:translateX(0);}
		.boxGraduate01 .boxImage{
			float: right;
			width: 66%;
		}
		.boxGraduate01 .title{
			overflow: hidden;
			margin:0 15px 0 0;
			padding:0;
		}
			.boxGraduate01 .title .ttl{
				margin:2px 0 4px;
				padding-left:20px;
				background: url(/joyfull/common/img/ico_square.gif) no-repeat left center / 14px auto;
				font-size:15px;
			}
		.boxGraduate01 .text{
			margin:0;
			padding:0;
			overflow: hidden;
		}
			.boxGraduate01 .text .txt01{
				margin:0 0 4px;
				font-size:12px;
				line-height:1.3;
				text-align: left;
			}
			.boxGraduate01 .text .txt02{
				font-size:9px;
				line-height:1.45;
			}
		.boxGraduate01 .img{
			margin:0;
			padding:0;
		}
			.boxGraduate01 .img img{
				width:100%;
				height:auto;
			}
		.boxGraduate01 .wrap{
			padding:0;
			width:28%;
			float: left;
		}
		.boxGraduate01 .btn{
			padding:0;
			margin-top: 5px;
		}
			.boxGraduate01 .btn span{
				padding:4px 0;
				font-size:7px;
			}
			.boxGraduate01 .btn span:after{
				right:5px;
				width:6px;
				height:6px;
				margin-top:-3px;
				background: url(/joyfull/common/img/ico_arrow31.png) no-repeat 0 0 / 6px auto;
			}
			.boxGraduate01 .btn:hover span:after{
				background: url(/joyfull/common/img/ico_arrow32.png) no-repeat 0 0 / 6px auto;
			}
	
	.secGraduate01{margin:0 0 25px;}
	.secGraduate02{margin:0 0 35px;}
	.secGraduate03{margin:0 0 25px;}
	.secGraduate04{margin:0 0 25px;}
	.secGraduate05{margin:0 0 25px;}
	.secGraduate06{margin:0 0 35px;}
		.secGraduate01 .mainimg{margin:0 0 14px;}
		.secGraduate01 .txtRecruiting01{margin:0 0 14px;}
		.secGraduate02 .h2_basic01{margin:0 0 18px;}
		.secGraduate02 .ttlRecruiting01{margin:0 0 7px;}
		.secGraduate02 .txtRecruiting01{margin:0 0 8px;}
		.secGraduate02 .img { text-align:center;}
		.secGraduate02 .img img{ max-width:100%;}
		.secGraduate03 .h2_basic01{margin:0 0 18px;}
		.secGraduate04 .ttlRecruiting01{margin:0 0 8px;}
		.secGraduate05 .h2_basic01{margin:0 0 13px;}
		.secGraduate05 .img{margin:0 0 12px;}
		.secGraduate05 .img { 
			padding:0 17px;
			text-align:center;
		}
		.secGraduate05 .img img{ max-width:100%;}
		.secGraduate05 .txtRecruiting01{
			font-size:10px;
			line-height:2;
			letter-spacing:-0.05em;
		}
		.secGraduate06 .h2_basic01{margin:0 0 17px;}
		.secGraduate06 .ttlRecruiting01{margin:0 0 8px;}
		.secGraduate06 .txtRecruiting01{margin:0 0 15px;}
	
	/*18.2 追記*/
	
	.mypage a {
		width:110px;
		height:23px;
		line-height:23px;
		margin: 5px 10px;
		color:#502700;
		background: url(../img/mypage.gif) no-repeat;
		float:right;
		display:block;
	}
	
	#sub #lNavi .clowEntry {
		background: #f9c841;
		color: #fff;
		float: right;
		text-align: center;
		border-bottom: none;
	}
	
	#sub #lNavi:after {background-color: #fff;}	
	
	/* #footer { padding-bottom: 23%;} */

}