@charset "utf-8";

/* ==========================================================================
   .page-flow
   ========================================================================== */
/* --------------------
 * mv
 * -------------------- */
.page-flow .mdl-mv {
	background: #0c1d83 url("/chuto/recruit/img/flow/hero-pc.jpg") no-repeat center right / auto 100%;
}

@media only screen and (max-width: 768px) {
	.page-flow .mdl-mv {
		background: #0c1d83 url("/chuto/recruit/img/flow/hero-sp.jpg") no-repeat center right / cover;
	}
}

/* --------------------
 * flow
 * -------------------- */
.section-flow {
	margin: 60px 0 0 0;
}

.flow {}

.flow_list {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	background: #f7f8ff;
}

.flow_list > li {
	width: 25%;
	position: relative;
}

.flow_list > li:not(:last-child):after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	border-top: 2px solid #3d56eb;
	border-right: 2px solid #3d56eb;
	position: absolute;
	top: 126px;
	right: -10px;
	transform-origin: center center;
	transform: rotate(45deg);
}

.flowItem {
	text-align: center;
	width: 100%;
	padding: 75px 0 40px 0;
}

.flowItem_img {
	width: 140px;
	margin: 0 auto;
}

.flowItem_text01 {
	color: #000;
	font-size: 2.6rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	width: 100%;
	height: 85px;
	margin: 20px 0 0 0;
}

.flowItem_text01 br {
	display: none;
}

.flowItem_text01 .font-small {
	font-size: 84%;
	letter-spacing: 0;
}

.flowItem_text02 {
	color: #0c1d83;
	font-size: 1.6rem;
	line-height: 1.75;
	text-align: justify;
	width: 68%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.section-flow {
		margin: 35px 0 0 0;
	}

	.flow_list {
		flex-flow: row wrap;
	}

	.flow_list > li {
		width: 50%;
	}

	.flow_list > li:not(:last-child):after {
		width: 12px;
		height: 12px;
		border-width: 1px;
		top: 70px;
		right: -5px;
	}

	.flow_list > li:nth-of-type(2):after {
		right: 10px;
	}

	.flowItem {
		padding: 35px 0 15px 0;
	}

	.flowItem_img {
		width: 70px;
	}

	.flowItem_text01 {
		font-size: 1.7rem;
		height: 45px;
		margin: 15px 0 0 0;
	}

	.flowItem_text01 .font-small {
		font-size: 100%;
		letter-spacing: inherit;
	}

	.flowItem_text02 {
		font-size: 1.3rem;
		width: 80%;
	}
}

@media only screen and (max-width: 600px) {
	.flow_list > li:nth-of-type(3) .flowItem_text01,
	.flow_list > li:nth-of-type(4) .flowItem_text01 {
		height: 65px;
	}

	.flowItem_text01 br {
		display: block;
	}
}

/* --------------------
 * .entryArea
 * -------------------- */
.entryArea {
	text-align: center;
	padding: 140px 0 120px 0;
}

.entryArea .mdl-btn-entry {
	margin: 0 auto;
}

.entryArea .text-note {
	color: #000;
	font-size: 1.2rem;
	text-align: center;
	margin: 10px 0 0 0;
	line-height:1.8;
	margin-top:20px;
}

@media only screen and (max-width: 768px) {
	.entryArea {
		padding: 65px 0 35px 0;
	}

	.entryArea .text-note {
		font-size: 1.0rem;
		margin: 12px 0 0 0;
	}
}