.st-w-5p-8p {
	width: 50%;
}

.st-small-img {
	width: 80px;
	height: 80px;
}

.st-mid-img {
	width: 100px;
	height: 100px;
}

.st-img-150p {
	width: 150px;
	height: 150px;
}

.st-img-150p-1 {
	width: 150px;
	height: 150px;
}

.st-img-content {
	position: relative;
	display: inline-block;
}

	.st-img-content .st-icon {
		position: absolute;
		top: 0px;
		right: -60px;
	}

	.st-img-content .st-icon1 {
		position: absolute;
		top: 0px;
		right: -60px;
	}

.st-img-support {
	width: 50%;
}

.st-img-jobseek {
	max-width: 50%;
}

.st-img-fulid {
	max-width: 60%;
	width: 60%;
	height: auto;
	padding: 0;
}

.st-container {
	display: inline-block;
	width: 70%;
	text-align: center;
}

.st-img-container {
	display: inline-block;
	width: 38%;
	text-align: center;
}

.st-text-over-img-container {
	position: relative;
	text-align: center;
	color: #444444;
}

	.st-text-over-img-container a {
		background-color: transparent;
		color: #444444!important;
		text-decoration: none !important;
	}

		.st-text-over-img-container a:link,
		.st-text-over-img-container a:active,
		.st-text-over-img-container a:hover,
		.st-text-over-img-container a:visited {
			outline: 0;
			color: #444444 !important;
			text-decoration: none !important;
		}
/* Centered text */
.st-text-over-img-centered {
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.zoom {
	/* transition: box-shadow 2s ease-out, transform 2s ease-out;*/
	transition: transform .2s; /* Animation */
	margin: 0 auto;
	box-shadow: 1rem 1rem 1rem #A9A9A9;
}

	.zoom:hover {
		transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
@media screen and (max-width: 1920px) {
	/* 979px以下用（タブレット用）の記述 */
	.st-col-3-img {
		width: 80%;
	}

	.st-img-fulid {
		max-width: 80%;
		width: 80%;
		height: auto;
	}

}

@media screen and (max-width: 820px) {
	.st-img-container {
		display: inline-block;
		width: 60%;
		text-align: center;
	}

	.st-container {
		display: inline-block;
		width: 90%;
		text-align: center;
	}

	.st-img-support {
		width: 95%;
	}
}

@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
	.st-w-5p-8p {
		width: 80%;
	}

	.st-small-img {
		width: 60px;
		height: 60px;
	}

	.st-mid-img {
		width: 80px;
		height: 80px;
	}

	.st-img-150p {
		width: 90px;
		height: 90px;
	}

	.st-img-150p-1 {
		width: 70px;
		height: 70px;
	}

	.st-img-content .st-icon {
		position: absolute;
		top: 0px;
		right: -40px;
	}

	.st-img-content .st-icon1 {
		position: absolute;
		top: 0px;
		right: -50px;
	}

	.st-img-fulid {
		max-width: 105%;
		width: 105%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.st-container {
		display: inline-block;
		width: 90%;
		text-align: center;
	}

	.st-img-container {
		display: inline-block;
		width: 70%;
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.st-img-jobseek {
		max-width: 95px !important;
		margin: 0 10px 0 5px;
	}

	.st-img-container {
		display: inline-block;
		width: 90%;
		text-align: center;
	}
}

@media screen and (max-width: 375px) {
	.st-img-150p {
		width: 65px;
		height: 65px;
	}

	.st-img-support {
		width: 95%;
	}
}

@media screen and (max-width: 320px) {
	.st-img-jobseek {
		display: none;
	}


}