@charset "utf-8";


/* -------------------------------------------- */

.internal-page-index a {
	background-color: #ff5983;
}

.internal-page-index a:hover {
	background-color: #ff79a3;
}

.internal-page-index li:nth-child(1) a {
	background-image: url(../images/job-seeker/illust_section_index_4.png);
}

.internal-page-index li:nth-child(2) a {
	background-image: url(../images/job-seeker/illust_section_index_2.png);
}

.internal-page-index li:nth-child(3) a {
	background-image: url(../images/job-seeker/illust_section_index_5.png);
}

/* -------------------------------------------- */

.page-section {
	margin-top: 60px;
	margin-bottom: 80px;
	padding-top: 30px;
	margin-top: -30px;
}

.page-header.keyvisual {
	background-image: url(../images/job-seeker/beginners-guide_bg.jpg);
	margin-bottom: 60px;
	padding: 5vw 0;
}

.subtitle {
	font-size: 2.1rem;
	margin-bottom: 15px;
}

.pickup-point {
	background-color: #f4efe9;
	border-radius: 5px;
	margin: 40px 0;
	padding: 20px;
}

.pickup-point__title {
	margin: 0 0 10px;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #000;
}

.pickup-point__list {
	list-style-type: decimal;
	padding-left: 40px;
	font-size: 1.6rem;
	line-height: 2.0rem;
	font-weight: bold;
}

.pickup-point__list li {
	margin: 5px 0;
	font-weight: 600;
}

.figure-flow-image {
	margin: 20px 0;
	overflow-x: auto;
	padding: 0 70px 10px;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	        overflow-scrolling: touch;
}

.figure-flow-image img {
	width: 100%;
	min-width: 800px;
	max-width: 1000px;
	line-height: 0;
	/*margin-right: 50px;*/
}



/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */

/* iPad */
@media screen and (max-width: 768px) {
	.figure-flow-image {
		padding: 0 30px;
	}
	.figure-flow-image img {
		/*margin-right: 30px;*/
	}
	.figure-flow-image {
		padding: 0px 50px 10px;
	}
}


/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */

/*@media screen and (max-width: 414px) {*/
@media screen and (max-width: 540px) {
	
	.headding-state {
		font-size: 1.8rem;
		line-height: 2.5rem;
		margin-bottom: 5px;
	}
	.pickup-point {
		margin: 20px 0px;
		padding: 10px;
	}
	.pickup-point__list {
		padding-left: 25px;
		font-size: 1.3rem;
		line-height: 2.0rem;
	}
	
	.figure-flow-image {
		padding: 0 20px;
	}
	.figure-flow-image img {
		/*margin-right: 20px;*/
	}
}

/* iPhone 5 */
@media screen and (max-width: 374px) {
	.figure-flow-image {
		padding: 0 15px;
	}
	.figure-flow-image img {
		/*margin-right: 15px;*/
	}
}