/* ============================================================================================
	WIDGET PAGE GUIDE / PATTERN
============================================================================================ */
@media screen and (max-width: 767px) {
	.matsunaga-guide-grid .matsunaga-service-list-button {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	.matsunaga-guide-grid .matsunaga-icon-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	.matsunaga-guide-grid .matsunaga-service-list-button .matsunaga-icon-link span,
	.matsunaga-guide-grid .matsunaga-service-list-button .circle {
		display: none
	}
	.matsunaga-guide-grid .matsunaga-service-list-button {
		border: 0 !important
	}
}
.matsunaga-guide-grid {
	flex-flow: column
}
.matsunaga-guide-grid-item {
	position: relative;
	display: flex;
	width: 100%;
}
.matsunaga-guide-grid-content-icon {
	width: 3em
}
.matsunaga-guide-grid-image {
	width: 30%
}
.matsunaga-guide-grid-image img {
	height: 100% !important;
	object-fit: cover
}
.matsunaga-guide-grid-content {
	flex: 1;
	min-width: 0
}

@media screen and (min-width: 768px) {
	.matsunaga-guide-grid {
		flex-flow: row wrap
	}
	.matsunaga-guide-grid-item {
		flex-flow: column;
		width: calc(50% - 6px)
	}
	.matsunaga-guide-grid-image {
		width: 100%
	}
	.matsunaga-guide-grid-image img {
		width: 100%;
		aspect-ratio: 16/9 !important;
	}
	.matsunaga-service-list-button {
		margin-top: auto !important;
		margin-left: auto !important
	}
}
@media screen and (min-width: 961px) {
	.matsunaga-guide-grid-item {
		flex: 1;
		width: initial
	}
}