@charset "UTF-8";

/* ============================== */
/* 0311 コンテンツ一覧 */
/* ============================== */
.recruitToc{
	width: 100%;
	margin: 90px auto 120px;
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.recruitToc a{
	text-decoration: none;
}
.recruitTocTitle{
	text-align: center;
}
.recruitTocTitle span{
	position: relative;
	display: inline-block;
	background: #d5000c;
	color: #fff;
	border-radius: 10px;
	padding: 10px 45px;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5;
}
.recruitTocTitle span:after{
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
	border: 7px solid transparent;
	border-top: 9px solid #d5000c;
}
.recruitTocBody{
	background: #eee;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	margin: 30px 0;
	border-radius: 15px;
}
.recruitTocImage{
	position: relative;
	overflow: hidden;
	width: 34%;
}
.recruitTocImage img{
	object-fit: cover;
	width: auto;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translateX(50%);
	height: 100%;
}
.recruitTocMenus{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 66%;
	padding: 45px;
	gap: 15px;
}
.recruitTocName{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	font-size: 1.3rem;
	font-weight: 600;
	padding-left: 15px;
	line-height: 1.3;
}
.recruitTocName:before{
	position: absolute;
	content: '';
	background: #d5000c;
	top: 3px;
	left: 0;
	width: 5px;
	height: 24px;
}
.recruitTocName a{
	color: #333;
}
.recruitTocName a:hover{
	color: #d5000c;
}
.recruitTocIcon{
	font-size: 0.85em;
	margin-left: 5px;
	display: inline-block;
	line-height: 1.3em;
	opacity: .6;
}
.recruitTocItem:nth-of-type(n+2){
	border-top: 1px dashed #707070;
}
.recruitTocLink{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	color: #333;
	font-weight: 600;
	font-size: 1.1rem;
}

.recruitTocLink:before{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 33px;
	margin: auto;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 8px solid #333;
	z-index: 2;
}
.recruitTocLink:after{
	margin: auto;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 29px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #333;
	z-index: 1;
}
.recruitTocLink:hover{
	text-decoration: none;
	color: #C82333;
}
.recruitTocLink:hover:before{
	border-left: 8px solid #fff;
	transform: translateX(10px);
	transition: all .25s ease;
}
.recruitTocLink:hover:after{
	border: 1px solid #C82333;
	background: #C82333;
	transform: translateX(10px);
	transition: all .25s ease;
}

/****.recruitTocMenu.-own****/
.recruitTocMenu.-own{
	width: calc(50% - 8px);
}
.-own .recruitTocLink{
	padding: 30px;
	font-size: 1.18rem;
}
/****.recruitTocMenu.-parents****/
.recruitTocMenu.-parents{
	width: calc(50% - 8px);
}
.-parents .recruitTocLink:before{
	right: 15px;
}
.-parents .recruitTocLink:after{
	right: 12px;
}
.-parents .recruitTocLink{
	padding: 20px 50px 20px 30px;
}
.-parents .recruitTocLink span{
	font-size: 0.95rem;
}
.-parents .recruitTocLinkText{
	text-align: left;
	font-size: 0.75em;
	font-weight: 400;
	margin-top: 5px;
	line-height: 1.2;
}
/****.page-index****/
/*.page-index .recruitTocBody{
	height: calc(100vh - 300px);
	max-height: 550px;
}
.page-index .recruitTocList{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	gap: 0 15px;
}
.page-index .recruitTocItem{
	width: 100%;
}
.page-index .recruitTocLink{
	align-content: center;
	text-align: left;
	line-height: 1.3;
	height: 100%;
}
.page-index .-own .recruitTocLink{
	padding: 0 30px;
}
.page-index .-parents .recruitTocLink{
	padding: 0 50px 0 30px;
}*/
@media (max-width: 1199.98px) { 
	.recruitTocMenus{
		width: 60%;
		padding: 30px;
		gap: 20px;
	}
	.recruitTocMenu.-own,
	.recruitTocMenu.-parents{
		width: 100%;
	}
	.recruitTocList{
		display: flex;
		flex-wrap: wrap;
		gap: 0 15px;
	}
	.recruitTocItem{
		width: calc(50% - 8px)!important;
	}
	.recruitTocItem:nth-of-type(2) {
		border-top: none;
	}
	.recruitTocLink:before{
		right: 32px;
		border: 4px solid transparent;
		border-left: 7px solid #333
	}
	.recruitTocLink:after{
		width: 21px;
		height: 21px;
	}
	.recruitTocLink:hover:before {
		border-left: 7px solid #fff;
	}
	/****.recruitTocMenu.-own****/
	.-own .recruitTocLink {
		padding: 15px;
		font-size: 1.0rem;
	}
	/****.recruitTocMenu.-parents****/
	.-parents .recruitTocLink {
		padding: 15px 45px 15px 15px;
		font-size: 1.0rem;
	}
	.-parents .recruitTocLink span{
		font-size: 0.8rem;
	}
	/****.page-index****/
	/*.page-index .recruitTocList{
		max-height: 150px;
	}
	.page-index .recruitTocMenu.-own{
		height: 45%;
	}
	.page-index .-own .recruitTocLink {
		padding: 0 15px;
	}
	.page-index .recruitTocMenu.-parents{
		height: calc(55% - 10px);
	}
	.page-index .-parents .recruitTocLink {
		padding: 0 45px 0 15px;
	}*/
}
@media (max-width: 991.98px) { 
	/****.page-index****/
	/*.page-index .recruitTocMenus {
		align-items: center;
	}
	.page-index .-parents .recruitTocLinkText{
		display: none;
	}
	.page-index .recruitTocList{
		min-height: 120px;
		max-height: 150px;
	}*/
}


@media (max-width: 767.98px) {
	.recruitTocBody{
		flex-wrap: wrap;
	}
	.recruitTocImage{
		width: 100%;
		height: 250px;
	}
	.recruitTocImage img{
		width: 100%;
		max-width: 100%;
		height: auto;
		top: 50%;
		transform: translate(50%, -50%);
	}
	.recruitTocMenus{
		width: 100%;
	}
	/****.page-index****/
	/*.page-index .recruitToc{
		margin: 0 auto;
	}
	.page-index .recruitTocTitle span{
		font-size: 1.0em;
	}
	.page-index .recruitTocBody{
		margin: 15px 0;
		height: calc(100vh - 170px);
	}
	.page-index .recruitTocImage{
		height: 140px;
	}
	.page-index .recruitTocMenus{
		height: calc(100vh - 350px);
		padding: 15px;
		gap: 10px;
		align-items: center;
	}
	.page-index .recruitTocList{
		min-height: 110px;
		max-height: 120px;
	}*/
}

@media (max-width: 575.98px) { 
	.recruitTocImage img{
		max-width: 120%;
		height: 100%;
	}
	.recruitTocName{
		font-size: 1.05rem;
		margin-bottom: 5px;
	}
	.recruitTocName:before{
		top: 0;
	}
	.recruitTocItem {
		width: 100%!important;
	}
	.recruitTocItem:nth-of-type(n+2) {
		border-top: 1px dashed #707070;
	}
	.recruitTocLink:before{
		right: 10px;
	}
	.recruitTocLink:after{
		right: 7px;
	}
	/****.recruitTocMenu.-own****/
	.-own .recruitTocItem:nth-of-type(4) {
		border-bottom: none;
	}
	.-own .recruitTocLink {
		padding: 12px;
		font-size: 0.85rem;
	}
	/****.recruitTocMenu.-parents****/
	.-parents .recruitTocLink{
		font-size: 0.85rem;
	}
	/****.page-index****/
	/*.page-index .recruitTocBody {
		height: calc(100vh - 180px);
	}
	.page-index .recruitTocList{
		min-height: 90px;
		max-height: 100px;
	}
	.page-index .recruitTocItem{
		width: calc(50% - 8px)!important;
	}
	.page-index .recruitTocItem:nth-of-type(2) {
		border-top: none;
	}
	.page-index .recruitTocItem:nth-of-type(5) {
		border-top: 1px dashed #707070;
	}
	.page-index .recruitTocLink span {
		font-size: 0.7rem;
	}
	.page-index .-own .recruitTocLink {
		padding: 0 12px;
	}*/
	
}