.ccm-page .column3-gallery a{
	display: block;
	position: relative;
	margin-bottom: 32px;
	cursor:zoom-in;
	border: 1px solid rgba(204,204,204,1);
}
.ccm-page .column3-gallery .column3-gallery-image-overlay,
.ccm-page .column3-gallery .column3-gallery-image-overlay-color,
.ccm-page .column3-gallery .column3-gallery-image-overlay-text {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.ccm-page .column3-gallery .column3-gallery-image-overlay {
	opacity: 0;
	transition: opacity .3s
}
.ccm-page .column3-gallery .column3-gallery-image-overlay-color {
	background-color: rgba(13,110,253,.8)
}
.ccm-page .column3-gallery .column3-gallery-image-overlay-text {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-weight: 700;
	justify-content: center
}
.ccm-page .column3-gallery .column3-gallery-image {
	cursor: pointer;
	overflow: hidden;
	padding-top: calc(8rem + 32vw);
	position: relative;
	width: 100%
}
@media(min-width: 1200px) {
	.ccm-page .column3-gallery .column3-gallery-image {
			padding-top:24rem;
	}
}
.ccm-page .column3-gallery img {
	bottom: -9999px;
	height: 100%;
	left: -9999px;
	margin: auto;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	right: -9999px;
	top: -9999px;
	width: 100%;
}
.ccm-page .column3-gallery a:hover .column3-gallery-image-overlay {
	opacity: 1
}
/*==========================================================
　　　　　　　　（スマホ）
==========================================================*/
@media (max-width: 768px) {
	.page-template-home .column3-gallery{
		padding: 0 16px;
	}
}

/*==========================================================
　　　　　　　　　（パソコン）
==========================================================*/
@media (min-width: 769px) {
}