@charset "UTF-8";





/* case-cat */
.case-cat {
    max-width: 104rem;
    margin: 0 auto;
	padding: 100px 0 60px 0;
}
	.case-cat .cat-list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 27px;
		row-gap: 27px;
	}
		.case-cat .cat-list li a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 54px;
			background: #EDF2F0 url(https://yatomiseizai.com/wp-content/themes/yatomi/assets/img/news-icon01.svg) no-repeat right 15px center;
			font-size: 16px;
			font-weight: 700;
			color: #407258;
			line-height: 1.3em;
			text-align: center;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		.case-cat .cat-list li a:hover {
			background: #EDF2F0 url(https://yatomiseizai.com/wp-content/themes/yatomi/assets/img/news-icon01.svg) no-repeat right 10px center;
		}
		.case-cat .cat-list li a.active {
			background: #407258 url(https://yatomiseizai.com/wp-content/themes/yatomi/assets/img/news-icon02.svg) no-repeat right 15px center;
			color: #fff;
			pointer-events: none;
		}
@media(max-width:560px){
	.case-cat {
		padding: 6rem 3rem;
	}
		.case-cat .cat-list {
			grid-template-columns: repeat(2, 1fr);
			column-gap: 15px;
			row-gap: 15px;
		}
			.case-cat .cat-list li a {
				justify-content: flex-start;
				height: 48px;
				font-size: 13px;
				text-align: left;
				padding-left: 15px;
			}
}





/* case_list */
.case_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 55px;
	row-gap: 55px;
    max-width: 104rem;
    margin: 0 auto;
}
	.case_list a.linkbox {
		display: block;
	}
		.case_list a.linkbox .pht {
			width: 100%;
			aspect-ratio: 16 / 10;
			border-radius: 5px;
			overflow: hidden;
			position: relative;
		}
			.case_list a.linkbox .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				-moz-transition: -moz-transform 0.2s linear;
				-webkit-transition: -webkit-transform 0.2s linear;
				-o-transition: -o-transform 0.2s linear;
				-ms-transition: -ms-transform 0.2s linear;
				transition: transform 0.2s linear;
			}
			.case_list a.linkbox:hover .pht img {
				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
			}

			.case_list a.linkbox .pht .cat {
				display: inline-block;
				height: 30px;
				border-radius: 0 5px 0 5px;
				background: #407258;
				padding: 0 10px;
				font-size: 13px;
				font-weight: 700;
				color: #fff;
				line-height: 30px;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
			}

		.case_list a.linkbox .text {
			padding-top: 10px;
		}
			.case_list a.linkbox .text h3 {
				font-size: 20px;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 5px;
			}

			.case_list a.linkbox .text .company {
				font-size: 14px;
				line-height: 1.3em;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: dashed 1px #ddd;
			}

			.case_list a.linkbox .text .txt {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				font-size: 14px;
				line-height: 1.5em;
				margin-bottom: 20px;
			}

			.case_list a.linkbox .text .info {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.case_list a.linkbox .text .info time {
					font-size: 14px;
					line-height: 1;
					color: #AAA;
				}

				.case_list a.linkbox .text .info .btn-more {
					font-size: 16px;
					font-weight: 500;
					line-height: 26px;
					color: #407258;
					padding-right: 33px;
					position: relative;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				.case_list a.linkbox:hover .text .info .btn-more {
					padding-right: 30px;
				}
				.case_list a.linkbox .text .info .btn-more:before {
					content: "";
					width: 26px;
					height: 26px;
					border-radius: 3px;
					background: #407258 url(https://yatomiseizai.com/wp-content/themes/yatomi/assets/img/news-icon02.svg) no-repeat center;
					position: absolute;
					top: 50%;
					right: 0;
					margin-top: -13px;
				}
@media(max-width:560px){
	.case_list {
		display: block;
		padding: 0 3rem;
	}
		.case_list a.linkbox {
			display: block;
			margin-bottom: 40px;
		}
			.case_list a.linkbox .pht .cat {
				font-size: 12px;
			}

			.case_list a.linkbox .text {
				padding-top: 6px;
			}
				.case_list a.linkbox .text h3 {
					font-size: 18px;
				}

				.case_list a.linkbox .text .company {
					font-size: 13px;
					padding-bottom: 15px;
					margin-bottom: 15px;
				}

				.case_list a.linkbox .text .txt {
					font-size: 13px;
					margin-bottom: 15px;
				}

				.case_list a.linkbox .text .info time {
					font-size: 13px;
				}

				.case_list a.linkbox .text .info .btn-more {
					font-size: 14px;
				}
}