.underPage .l-mainVisual {
	background: url("/assets/img/recruit/freshers/training/training-mainVisual.jpg") no-repeat center bottom;
	background-size: 100%;
}
.underPage .l-contentsBlock{
	background: url("/assets/img/recruit/freshers/training/training-bg.jpg") no-repeat right bottom;
	background-size: 100%;
}
ul.flowContainer{
	overflow: hidden;
}
	ul.flowContainer li.flowList{
		position: relative;
		margin-bottom: 60px;
	}
	ul.flowContainer li.flowList02{
		margin-bottom: 70px;
	}
	ul.flowContainer li.flowList03{
		margin-bottom: 80px;
	}
		ul.flowContainer li.flowList .flowHd{
			font-size: 2.4rem;
			position: relative;
			z-index: 2;
			color: #fff;
			padding-top: 10px;
		}
		ul.flowContainer li.flowList .flowHd::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 30px 50vw 0 50vw;
			position: absolute;
			bottom: -28px;
			left: 50%;
			transform: translateX(-50%);
			z-index: -1
		}
		ul.flowContainer li.flowList01 .flowHd::after{
			border-color: #54c9f6 transparent transparent transparent;
		}
		ul.flowContainer li.flowList02 .flowHd::after{
			border-color: #3b96d6 transparent transparent transparent;
		}
		ul.flowContainer li.flowList03 .flowHd::after{
			border-color: #316bc2 transparent transparent transparent;
		}
			li.flowList .flowHd .minfnt{
				font-size: 1.6rem;
			}

		ul.flowContainer li.flowList01 .flowHd{
			background: #54c9f6;
		}
		ul.flowContainer li.flowList02 .flowHd{
			background: #3b96d6;
		}
		ul.flowContainer li.flowList03 .flowHd{
			background: #316bc2;
		}

ul.cardContainer{
	align-items: flex-start;
}
ul.cardContainer03{
	justify-content: flex-start;
	flex-wrap: wrap;
}
	ul.cardContainer li.cardList{
		background: #fff;
	}
	ul.cardContainer01 li.cardList{
		max-width: 538px;
		width: 49%;
	}
	ul.cardContainer02 li.cardList{
		max-width: 352px;
		width: calc(100% / 3 - 10px);
	}
	ul.cardContainer03 li.cardList{
		margin-right: 3%;
		margin-bottom: 3%;
		max-width: 355px;
		width: calc(100% / 3 - 2%);
	}
		ul.cardContainer03 li.cardList:nth-child(3n){
			margin-right: 0;
		}

li.cardList .txtBox{
	text-align: left;
	padding: 30px 20px;
}
	li.cardList .txtBox .txtHd{
		font-size: 1.8rem;
		margin-bottom: 10px;
	}

p.afterStage{
	font-size: 2rem;
	padding: 25px 20px;
	color: #fff;
	background: #214587;
	border: solid 2px #fff;
	box-shadow: 0 5px 16px 0 rgba(33, 127, 135, 0.45);
	border-radius: 10px;
	margin: 30px 0 70px;
}

.hd02{
	padding: 30px 0 10px;
	margin-bottom: 20px;
}

.endtxt{
	background: #f2f7fe;
	font-size: 2.4rem;
	font-weight: 500;
	color: #204d91;
	padding: 60px 20px;
	margin: 90px 0 30px;
}

@media screen and (max-width: 900px){
	li.cardList .txtBox{
		padding: 30px 0;
	}
}
@media screen and (max-width: 767px){
	.underPage .l-mainVisual {
		background: url("/assets/img/recruit/freshers/training/training-mainVisual-sp.jpg") no-repeat left bottom;
		background-size: cover;
	}
	.endtxt{
		font-size: 1.8rem;
		margin: 50px 0 30px;
		padding: 40px 20px;
	}
}
@media screen and (max-width: 600px){
	ul.flowContainer li.flowList,
	ul.flowContainer li.flowList02,
	ul.flowContainer li.flowList03{
		margin-bottom: 30px;
	}
		ul.flowContainer li.flowList .flowHd{
			font-size: 2rem;
		}
			li.flowList .flowHd .minfnt{
				font-size: 1.4rem;
			}
			ul.flowContainer li.flowList .flowHd::after{
				border-width: 15px 50vw 0 50vw;
				bottom: -13px;
			}
	
	ul.cardContainer02,
	ul.cardContainer01{
		display: block;
	}
		ul.cardContainer01 li.cardList,
		ul.cardContainer02 li.cardList{
			max-width: inherit;
			width: 100%;
			margin: 0 auto 20px;
		}
		ul.cardContainer03 li.cardList{
			max-width: inherit;
			margin-right: 0;
			width: 100%;
		}
	
	li.cardList figure img{
		width: 100%;
	}
	li.cardList .txtBox{
		padding: 10px 0;
	}
	p.afterStage{
		margin: 20px 0 60px;
	}
}