@charset "utf-8";

.contents .container .cmTxtTop {
	margin: 0;
}

.contents .container .caption {
	text-align: center;
	font-size: 1.2rem;
	margin: 1rem 0 6rem;
}

.box:not(:last-child) {
	margin: 0 0 6rem;
}

.box h3 {
	font-size: 2.4rem;
	padding: 1rem;
	background: #f0f0f0;
	margin: 0 0 4rem;
}

.box .list {
	justify-content: flex-start;
	align-items: stretch;
}


.box .list li {
	width: 19%;
	margin: 0 1.25% 2rem 0;
}

.box .list li:nth-child(5n) {
	margin-right: 0;
}

.box .list li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	padding: 2rem 1rem;
}

.box .list li a > div{
	max-width: 185px;
	width: 100%;
	margin: 0 auto;
}

.box .list li a figure {
	text-align: center;
}

.box .list li .descTit {
	font-weight: bold;
	margin: 1rem 0;
}

.box .list li .descTxt {
	font-size: 1.4rem;
	margin: 0 0 2rem;
}

.box .list li .c-btn {
	height: 40px;
	font-size: 1.4rem;
	max-width: unset;
}

@media (min-width: 769px) {
	.box .list li a:hover .c-btn.black {
		color: #000;
		background: #fff;
		border-color: #000;
	}

	.box .list li a:hover .c-btn.black::after {
		transform: scale(1, 1);
		transform: skewY(-10deg) scale(1, 1);
	}

	.box .list li a:hover .c-btn.black i {
		color: #000;
		background-image: url(../img/common/arrow-right-long.svg);
	}
}

@media (max-width: 768px) {
	.box h3 {
		font-size: min(5vw, 2.4rem);
	}
	.box .list li {
		width: 49%;
		margin: 0 2% 2% 0 !important;
	}

	.box .list li:nth-child(2n) {
		margin: 0 0 2% 0 !important;
	}

	.box .list li .descTit {
		margin: 0.5rem 0;
	}

	.box .list li .descTxt {
		margin: 0 0 1rem;
		font-size: min(4vw, 1.4rem);
	}
	
	.box .list li a {
		padding: 1rem;
	}

	

}