@charset "UTF-8";
/* 3カラム（タブレット2カラム・スマートフォン1カラム) */
.threeCol21{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom:60px;
}
.threeCol21 .inner{
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 32.14%;
	width: calc((315 / 980) *100%);
	margin: 0 0 20px 0;
}
.threeCol21 .inner h4{
	width: 100%;
	margin-top: 0.5em;
	text-align: left;
}
.threeCol21 .inner p{
	width: 100%;
	margin-bottom: 0;
	text-align: justify;
}
.threeCol21 .inner > a{
	width: 100%;
	height: 100%;
}
.threeCol21 .inner .image{
	width: 100%;
	min-height: 0%;
}
.threeCol21 .inner img{
	width: 100%;
}
.threeCol21 .inner .btn{
	margin-top: auto;
	padding-top: 20px;
}
.threeCol21 .inner .text{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	pointer-events: none;
}

@media screen and (max-width:767px) {
	.threeCol21{
		margin-bottom: 20px;
	}
	.threeCol21 .inner{
		box-sizing: border-box;
		width: 48.98%;
		width: calc((480 / 980) *100%);
		margin-bottom: 10px;
	}
}

@media screen and (max-width:575px) {
	.threeCol21{
		display: block;
		margin-bottom: 20px;
	}
	.threeCol21 .inner{
		width : 100%;
		margin: 0 0 10px 0;
	}
}