/* =========================
Card
========================= */

/* =========================
	 Card START
	 ※ 画像比率・hoverは制作実績（grm-works）
	 　のカードと同じ挙動に統一
========================= */
.grm-slider-card{
	height:auto !important;
	border-radius: 0px !important;
	border: none !important;
}
/* Card END */

/* =========================
	 Card Link START
========================= */
.grm-card-link{
	display:flex;
	flex-direction:column;
	height:100%;
	color:inherit;
	text-decoration:none;
}
/* Card Link END */

/* =========================
	 Card Image START
	 ・制作実績のサムネイルと同じ 4:3 比率
========================= */
.grm-card-image{
	position:relative;
	aspect-ratio:4 / 3;
	overflow:hidden;
	background:#f2f2f2;
}
.grm-card-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .4s;
}
.grm-card:hover .grm-card-image img{
	transform:scale(1.04);
}
.grm-card-noimage{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	background:#f2f2f2;
	color:#999;
	font-size:0.8125rem;
	letter-spacing:.05em;
}
/* Card Image END */

/* =========================
	 Card Body START
========================= */
.grm-card-body{
	display:flex;
	flex-direction:column;
	flex:1;
	padding-top:16px;
	background-color:#fff;
}
/* Card Body END */
.grm-card-date {
	font-size:0.9rem;
	font-weight:300;
	line-height:1.6;
	margin-bottom: 5px;
}
.grm-card-cat{
	margin-bottom:8px;
}

/* =========================
	 Card Title START
========================= */
.grm-card-title{
	font-size:1rem;
	font-weight:400;
	line-height:1.6;
	margin-bottom:10px;
}
/* Card Title END */

/* =========================
	 Card Excerpt START
========================= */
.grm-card-excerpt{
	margin:0;
	font-size:0.9375rem;
	line-height:1.8;
	color:#666;
}
/* Card Excerpt END */

/* =========================
Badge
========================= */
.grm-badge{
	display:inline-block;
	align-self:flex-start;
	padding:4px 10px;
	font-size:12px;
	line-height:1.4;
	border-radius:20px;
	background:#eee;
}
.grm-badge-success{
	background:#dcfce7;
}
.grm-badge-danger{
	background:#fee2e2;
}
.grm-badge-warning{
	background:#fef3c7;
}
.grm-badge-info{
	background:#dbeafe;
}