@charset "utf-8";

/* ------------------------------
 職種紹介
------------------------------ */
.grid-3{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px 50px;
}
.grid-3 a{
	display: flex;
	justify-content: space-between;
}
.grid-3 .cms_image{
	width: 140px;
}
.grid-3 .cms_caption_b{
	width: 190px;
}
.grid-3 a .cms_link{
	font-weight: bold;
	text-decoration: none !important;
}
.grid-3 a .icon{
	display: inline-block;
	padding-right: 27px;
	color: #000;
	background: url(/shared/img/icon_arrow_cms_link.png) no-repeat right 0 center / 18px 18px;
	margin-top: 10px;
	transition: .3s ease-in-out;
}

@media print, screen and (min-width: 768px) {
	.grid-3 a:hover .icon{
		color: #b9062b;
	}
}
@media screen and (max-width: 767px) {
	.grid-3{
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}
	.grid-3 .cms_image a{
		width: 35%;
	}
	.grid-3 .cms_image .cms_caption_b{
		width: 60%;
	}
}
@media print, screen and (min-width: 768px) {
	.grid-3 a .cms_image {
		height: 140px;
		height: 140px;
		overflow: hidden;
		display: block;
		position: relative;
		border-radius: 10px;
	}
	.grid-3 .cms_image img {
		width: 100%;
		display: block;
		transition-duration: 0.3s;
		overflow: hidden;
		display: block;
	}
	.grid-3 a:hover img, .grid-3 a:focus img {
		opacity: 1;
		overflow: hidden;
		transform: scale(1.1);
		transition-duration: 0.3s;
	}
}