section.page-gallery {
	padding: 0 100px 50px 100px;
	@media (max-width: 1023px) {
		padding: 0 20px 30px 20px;
	}
}

.page-gallery .card-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	@media (max-width: 1023px) {
		grid-template-columns: 1fr 1fr;
	}
	@media (max-width: 767px) {
		grid-template-columns: 1fr;
	}
}

.page-gallery .card {
	position: relative;
}

.page-gallery .card::after {
	@media (max-width: 767px) {
		content: '';
		width: 54px;
		height: 54px;
		display: block;
		position: absolute;
		right: 10px;
		bottom: 10px;
		background-image: url("https://55keibi.kb-eye.jp/wp-content/themes/55keibi/assets/img/gallery/gallery-touch.svg");
	}
}

.page-gallery .card img {
	border-radius: 50px;
	@media (max-width: 767px) {
		border-radius: 30px;
	}
}

.page-gallery .card .text {
	width: 100%;
	height: 100%;
	padding: 7%;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	z-index: 1;
	border-radius: 50px;
	opacity: 0;
	background: var(--color-primary);
	transition: .3s;
	@media (max-width: 767px) {
		border-radius: 30px;
	}
}

.page-gallery .card:hover .text,
.page-gallery .card:active .text,
.page-gallery .card:focus .text {
	opacity: .9;
}

.page-gallery .card .text p {
	color: var(--color-white);
}